<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>搜索详情</title>
    <link rel="icon" type="images/x-icon" href="img/icons/favicon.ico">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/logReg.css">
    <link rel="stylesheet" href="css/font/css/font-awesome.min.css">
    <link rel="stylesheet" href="css/searchDetail.css">
</head>
<body>
<!--头部 开始-->
<div class="SY-header pf">
    <div class="clearfix">
        <div class="SY-logo fl usn">
            <a href="UserCenter.html"><img src="img/icons/logo.png" alt="深夜学院"><span class="slogin">深夜研习社</span></a>
        </div>
        <div class="SY-search pa dib">
            <div class="inputField">
                <input type="text" class="SY-input tac" placeholder="请输入作者名" onfocus="this.placeholder=''" onblur="this.placeholder='请输入作者名'">
                <a href="javascript:void(0);" class="search-icon pa"><i class="fa fa-search"></i></a>
            </div>
            <div class="searchTips pa dn">
                <div class="searchReferral dn">
                    <div class="searchRecent">
                        <p class="title">最近搜索</p>
                        <ul class="clearfix">
                            <li class="worker dib fl"><a href="javascript:void(0);"><span>大石头</span>CG</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">Eric Zhang</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                        </ul>
                    </div>
                    <div class="searchHot">
                        <p class="title">热门搜索</p>
                        <ul class="clearfix">
                            <li class="worker dib fl"><a href="javascript:void(0);">大石头CG</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">Eric Zhang</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                            <li class="worker dib fl"><a href="javascript:void(0);">作者名称</a></li>
                        </ul>
                    </div>
                </div>
                <div class="searchResult">
                    <ul class="d n">
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>123</a></li>
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>designer</a></li>
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>icon</a></li>
                        <li class="worker title">创作者</li>
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>CG</a></li>
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>老师</a></li>
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>老板</a></li>
                        <li class="worker"><a href="javascript:void(0);"><span>大石头</span>boss</a></li>
                    </ul>
                    <div class="checkMore tac d n">
                        <a href="javascript:void(0);">查看全部搜索结果<i class="fa fa-angle-double-right"></i></a>
                    </div>
                    <!--缺省提示-->
                    <div class="emptyInfo tac dn">
                        <p class="tips">暂未找到您想要查找的作,去<a href="MoreWorker.html">分类</a>查找更多作者吧!</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="SY-topRight fr">
            <ul class="clearfix">
                <li class="SY-create fr">
                    <a href="Post.html"><span>创作</span></a>
                </li>
                <li class="SY-userPic fr">
                    <a href="UserCenter.html">
                        <img class="br50" src="img/icons/person.png" alt="userPic">
                        <object><a href="javascript:void(0);"><span class="mark db pa approveBlue"></span></a></object>
                    </a>
                    <div class="pa tac fold">
                        <span class="pa trigon"></span>
                        <ul>
                            <li class="myPage"><a href="UserPageNew.html">我的研习社</a></li>
                            <li class="myPage"><a href="http://www.shenyecg.com" target="_blank">深夜学院</a></li>
                            <li class="authentication"><a href="CareerAuthen.html">深夜认证</a></li>
                            <li class="wallet"><a href="MyWallet.html">钱包</a></li>
                            <li class="setting"><a href="UserSetting.html">设置</a></li>
                            <li class="SY-exit">
                                <a href="javascript:void(0);"><i></i>退出</a>
                            </li>
                        </ul>
                    </div>
                </li>
                <li class="SY-regLog fr dn">
                    <a href="javascript:void(0);">注册</a>
                    <a href="javascript:void(0);">登录</a>
                </li>
                <li class="SY-notify fr">
                    <a href="Notify.html"><i></i><span class="num pa">99+</span></a>
                    <div class="pa fold">
                        <span class="pa trigon"></span>
                        <p class="topBox clearfix">
                            <span class="text fl">消息盒子</span>
                            <a href="javascript:void(0);" class="emptyBtn fr">清空</a>
                        </p>
                        <ul class="">
                            <li><a href="javascript:void(0);">[系统]管理员审核通过了你发表的原创作品《路人甲》</a></li>
                            <li><a href="javascript:void(0);">[私信]路人甲给你发来了1条私信</a></li>
                            <li><a href="javascript:void(0);">[通知]路人甲关注了你</a></li>
                        </ul>
                        <!--缺省提示-->
                        <div class="emptyInfo tac dn">
                            <p class="tips">暂无消息</p>
                        </div>
                        <div class="checkAll">
                            <a class="db tac" href="Notify.html">查看全部&nbsp;>></a>
                        </div>
                    </div>
                </li>
                <li class="fr line"></li>
                <li class="SY-focus dn fr">
                    <a href="UserCenter.html"><i></i><span>关注</span></a>
                </li>
                <li class="SY-Recruit fr">
                    <a href="Recruit.html"><i></i><span>招聘</span></a>
                    <span class="event db pa new"></span>
                </li>
                <li class="SY-piazza fr">
                    <a href="SquareNew.html"><i></i><span>广场</span></a>
                </li>
                <li class="SY-CG fr dn">
                    <a href="http://www.shenyecg.com" target="_blank"><i></i><span>学院</span></a>
                </li>
                <li class="SY-index fr dn">
                    <a href="Index.html"><i></i><span>首页</span></a>
                </li>
            </ul>
        </div>
    </div>
</div>
<!--头部 结束-->
<!--主内容 开始-->
<div class="SY-content pr">
    <div class="SY-setContent">
        <div class="SY-wrap wrap pr">
            <div class="SY-nav br5">
                <ul class="clearfix">
                    <li class="item fl active"><a href="javascript:void(0);">综合</a></li>
                    <li class="item fl"><a href="javascript:void(0);">创作者</a></li>
                    <li class="item fl"><a href="javascript:void(0);">图片</a></li>
                    <li class="item fl"><a href="javascript:void(0);">视频</a></li>
                    <li class="item fl"><a href="javascript:void(0);">文章</a></li>
                    <li class="item fl"><a href="javascript:void(0);">直播</a></li>
                    <li class="item fl"><a href="javascript:void(0);">文本</a></li>
                </ul>
            </div>
            <div class="content">
                <div class="SY-allResultList">
                    <div class="mainBox clearfix">
                        <p class="fl text">已找到<span>20</span>个结果</p>
                        <div class="fr more pr">
                            <a href="javascript:void(0);" class="classifyIcon">全部<i class="fa fa-angle-down"></i></a>
                            <div class="classify pa border1 br5 dn">
                                <ul>
                                    <li class="item tac active"><a class="db" href="javascript:void(0);">全部</a></li>
                                    <li class="item tac"><a class="db" href="javascript:void(0);">最新上传</a></li>
                                    <li class="item tac"><a class="db" href="javascript:void(0);">付费项目</a></li>
                                    <li class="item tac"><a class="db" href="javascript:void(0);">免费项目</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <div class="user clearfix br5">
                        <div class="fl userMsg clearfix">
                            <div class="avatar br50 fl">
                                <a href="javascript:void(0);"><img class="br50" src="http://img.yxs.shenyecg.com/Image/rMqOKJLR1yOxwoQ3NUOcEdHJBWXvfx7g/iGcsMEejNG.gif?x-oss-process=image/resize,m_fill,limit_0,w_200,h_200" alt=""></a>
                            </div>
                            <div class="msgDetail fl">
                                <h2 class="nickName">
                                    <a href="javascript:void(0);"><span class="highlight">路人</span>甲</a>
                                    <a href="javascript:void(0);"><span class="mark dib approveBlue"></span></a>
                                </h2>
                                <p class="careerMsg">
                                    <span class="compName">两点十分</span><i>|</i><span class="position">产品开发</span><i>|</i><span class="trueName">你的名字</span>
                                </p>
                                <p class="autograph">这是属于作者的个性签名</p>
                                <div class="details">
                                    <p class="dib subscription"><a href="javascript:void(0);">订阅<span>100</span></a></p>
                                    <span class="line dib"></span>
                                    <p class="dib follower"><a href="javascript:void(0);">关注<span>200</span></a></p>
                                    <span class="line dib"></span>
                                    <p class="dib dynamic"><a href="javascript:void(0);">动态<span>60</span></a></p>
                                </div>
                            </div>
                        </div>
                        <div class="fr followBtn">
                            <a href="javascript:void(0);" class="db br5 border1 transition tac follow"><i class="fa fa-plus"></i>关注</a>
                        </div>
                    </div>
                    <ul class="allList br5 clearfix">
                        <li class="item re-video transition fl pr">
                            <div class="markIcon pa"><span class="icon"></span></div>
                            <a class="item-pic db pr" href="javascript:void(0);" style="background-image: url('https://cdna.artstation.com/p/assets/images/images/011/744/552/large/konstantinos-skenteridis-nomx-kingkostas2017.jpg?1531186456');"></a>
                            <div class="item-msg">
                                <div class="topBox clearfix">
                                    <a href="javascript:void(0);" class="workName feb fl toe"><span class="highlight">这是</span>该作品的名称</a>
                                    <span class="mark fr free">免费</span>
                                </div>
                                <div class="item-classify">
                                    <span class="origin-item">数字2D</span>
                                    <span class="classify-item">UI设计</span>
                                </div>
                                <div class="society">
                                    <p class="scan dib"><span class="icon"></span><span class="num">260</span></p>
                                    <p class="comment dib"><span class="icon"></span><span class="num">35</span></p>
                                    <p class="thumbUp dib"><span class="icon"></span><span class="num">168</span></p>
                                </div>
                                <div class="details clearfix">
                                    <div class="user-detail fl">
                                        <div class="avatar dib br50 pr">
                                            <a href="javascript:void(0);" class="dib">
                                                <div class="dib pr">
                                                    <object><a href="javascript:void(0);" class="mark db pa approveGold"></a></object>
                                                    <img class="br50" src="http://img.yxs.shenyecg.com/Image/CDg8sf6s33evuVtkHpzHEcXJbaOzq41y/2W74tQNZPB.jpg?x-oss-process=image/resize,m_fill,limit_0,w_200,h_200" alt="" />
                                                </div>
                                                <span class="nickName toe dib">该作品作者的昵称</span>
                                            </a>
                                        </div>
                                    </div>
                                    <span class="time fr">10分钟前</span>
                                </div>
                            </div>
                        </li>
                        <li class="item re-picture transition fl pr">
                            <div class="markIcon pa"><span class="icon"></span></div>
                            <a class="item-pic db pr" href="javascript:void(0);" style="background-image: url('https://cdnb.artstation.com/p/assets/images/images/011/744/093/large/konstantinos-skenteridis-field-kingkostas2015.jpg?1531182823');"></a>
                            <div class="item-msg">
                                <div class="topBox clearfix">
                                    <a href="javascript:void(0);" class="workName feb fl toe"><span class="highlight">这是</span>该作品的名称</a>
                                    <span class="mark fr free">免费</span>
                                </div>
                                <div class="item-classify">
                                    <span class="origin-item">数字2D</span>
                                    <span class="classify-item">UI设计</span>
                                </div>
                                <div class="society">
                                    <p class="scan dib"><span class="icon"></span><span class="num">260</span></p>
                                    <p class="comment dib"><span class="icon"></span><span class="num">35</span></p>
                                    <p class="thumbUp dib"><span class="icon"></span><span class="num">168</span></p>
                                </div>
                                <div class="details clearfix">
                                    <div class="user-detail fl">
                                        <div class="avatar dib br50 pr">
                                            <a href="javascript:void(0);" class="dib">
                                                <div class="dib pr">
                                                    <object><a href="javascript:void(0);" class="mark db pa approveGold"></a></object>
                                                    <img class="br50" src="http://img.yxs.shenyecg.com/Image/CDg8sf6s33evuVtkHpzHEcXJbaOzq41y/2W74tQNZPB.jpg?x-oss-process=image/resize,m_fill,limit_0,w_200,h_200" alt="" />
                                                </div>
                                                <span class="nickName toe dib">该作品作者的昵称</span>
                                            </a>
                                        </div>
                                    </div>
                                    <span class="time fr">10分钟前</span>
                                </div>
                            </div>
                        </li>
                        <li class="item re-video transition fl pr">
                            <div class="markIcon pa"><span class="icon"></span></div>
                            <a class="item-pic db pr" href="javascript:void(0);" style="background-image: url('https://cdna.artstation.com/p/assets/images/images/007/682/632/large/bastien-grivet-guardian-bastien-grivet.jpg?1507821303');"></a>
                            <div class="item-msg">
                                <div class="topBox clearfix">
                                    <a href="javascript:void(0);" class="workName feb fl toe"><span class="highlight">这是</span>该作品的名称</a>
                                    <span class="mark fr free">免费</span>
                                </div>
                                <div class="item-classify">
                                    <span class="origin-item">数字2D</span>
                                    <span class="classify-item">UI设计</span>
                                </div>
                                <div class="society">
                                    <p class="scan dib"><span class="icon"></span><span class="num">260</span></p>
                                    <p class="comment dib"><span class="icon"></span><span class="num">35</span></p>
                                    <p class="thumbUp dib"><span class="icon"></span><span class="num">168</span></p>
                                </div>
                                <div class="details clearfix">
                                    <div class="user-detail fl">
                                        <div class="avatar dib br50 pr">
                                            <a href="javascript:void(0);" class="dib">
                                                <div class="dib pr">
                                                    <object><a href="javascript:void(0);" class="mark db pa approveGold"></a></object>
                                                    <img class="br50" src="http://img.yxs.shenyecg.com/Image/h8VE1fiHlWerj0FrkEUSYlLa4m3sppLi/KECAnarYPG.jpg?x-oss-process=image/resize,m_fill,limit_0,w_200,h_200" alt="">
                                                </div>
                                                <span class="nickName toe dib">该作品作者的昵称</span>
                                            </a>
                                        </div>
                                    </div>
                                    <span class="time fr">10分钟前</span>
                                </div>
                            </div>
                        </li>
                        <li class="item re-picture transition fl pr">
                            <div class="markIcon pa"><span class="icon"></span></div>
                            <a class="item-pic db pr" href="javascript:void(0);" style="background-image: url('https://cdna.artstation.com/p/assets/images/images/011/760/842/large/konstantinos-skenteridis-fury-kingkostas2017.jpg?1531259334');"></a>
                            <div class="item-msg">
                                <div class="topBox clearfix">
                                    <a href="javascript:void(0);" class="workName feb fl toe"><span class="highlight">这是</span>该作品的名称</a>
                                    <span class="mark fr free">免费</span>
                                </div>
                                <div class="item-classify">
                                    <span class="origin-item">数字2D</span>
                                    <span class="classify-item">UI设计</span>
                                </div>
                                <div class="society">
                                    <p class="scan dib"><span class="icon"></span><span class="num">260</span></p>
                                    <p class="comment dib"><span class="icon"></span><span class="num">35</span></p>
                                    <p class="thumbUp dib"><span class="icon"></span><span class="num">168</span></p>
                                </div>
                                <div class="details clearfix">
                                    <div class="user-detail fl">
                                        <div class="avatar dib br50 pr">
                                            <a href="javascript:void(0);" class="dib">
                                                <div class="dib pr">
                                                    <object><a href="javascript:void(0);" class="mark db pa approveBlue"></a></object>
                                                    <img class="br50" src="http://img.yxs.shenyecg.com/Image/h8VE1fiHlWerj0FrkEUSYlLa4m3sppLi/KECAnarYPG.jpg?x-oss-process=image/resize,m_fill,limit_0,w_200,h_200" alt="">
                                                </div>
                                                <span class="nickName toe dib">该作品作者的昵称</span>
                                            </a>
                                        </div>
                                    </div>
                                    <span class="time fr">10分钟前</span>
                                </div>
                            </div>
                        </li>
                        <li class="item re-article transition fl pr">
                            <div class="markIcon pa"><span class="icon"></span></div>
                            <a class="item-pic db pr" href="javascript:void(0);" style="background-image: url('https://cdnb.artstation.com/p/assets/images/images/011/733/693/large/konstantinos-skenteridis-chap-799-livestream-lakev1.jpg?1531138546');"></a>
                            <div class="item-msg">
                                <div class="topBox clearfix">
                                    <a href="javascript:void(0);" class="workName feb fl toe"><span class="highlight">这是</span>该作品的名称</a>
                                    <span class="mark fr pay">付费</span>
                                </div>
                                <div class="item-classify">
                                    <span class="origin-item">数字2D</span>
                                    <span class="classify-item">UI设计</span>
                                </div>
                                <div class="society">
                                    <p class="scan dib"><span class="icon"></span><span class="num">260</span></p>
                                    <p class="comment dib"><span class="icon"></span><span class="num">35</span></p>
                                    <p class="thumbUp dib"><span class="icon"></span><span class="num">168</span></p>
                                </div>
                                <div class="details clearfix">
                                    <div class="user-detail fl">
                                        <div class="avatar dib br50 pr">
                                            <a href="javascript:void(0);" class="dib">
                                                <div class="dib pr">
                                                    <object><a href="javascript:void(0);" class="mark db pa approveGold"></a></object>
                                                    <img class="br50" src="http://img.yxs.shenyecg.com/Image/h8VE1fiHlWerj0FrkEUSYlLa4m3sppLi/KECAnarYPG.jpg?x-oss-process=image/resize,m_fill,limit_0,w_200,h_200" alt="">
                                                </div>
                                                <span class="nickName toe dib">该作品作者的昵称</span>
                                            </a>
                                        </div>
                                    </div>
                                    <span class="time fr">10分钟前</span>
                                </div>
                            </div>
                        </li>
                        <li class="item re-living transition fl pr">
                            <a class="item-pic transition db pr" href="javascript:void(0);" style="background-image: url('https://cdnb.artstation.com/p/assets/images/images/011/771/387/large/bastien-grivet-the-door.jpg?1531320918');">
                                <div class="cover transition pa"></div>
                                <div class="livingTips pa">
                                    <!--正在直播-->
                                    <div class="living tac">
                                        <p class="icon"></p>
                                    </div>
                                </div>
                            </a>
                            <div class="item-msg">
                                <div class="topBox clearfix">
                                    <a href="javascript:void(0);" class="workName feb fl toe"><span class="highlight">这是</span>该作品的名称</a>
                                    <span class="mark fr free">免费</span>
                                </div>
                                <div class="item-classify">
                                    <span class="origin-item">数字2D</span>
                                    <span class="classify-item">UI设计</span>
                                </div>
                                <div class="society">
                                    <p class="scan dib"><span class="icon"></span><span class="num">260</span></p>
                                    <p class="comment dib"><span class="icon"></span><span class="num">35</span></p>
                                    <p class="thumbUp dib"><span class="icon"></span><span class="num">168</span></p>
                                </div>
                                <div class="details clearfix">
                                    <div class="user-detail fl">
                                        <div class="avatar dib br50 pr">
                                            <a href="javascript:void(0);" class="dib">
                                                <div class="dib pr">
                                                    <object><a href="javascript:void(0);" class="mark db pa approveBlue"></a></object>
                                                    <img class="br50" src="http://img.yxs.shenyecg.com/Image/h8VE1fiHlWerj0FrkEUSYlLa4m3sppLi/KECAnarYPG.jpg?x-oss-process=image/resize,m_fill,limit_0,w_200,h_200" alt="">
                                                </div>
                                                <span class="nickName toe dib">该作品作者的昵称</span>
                                            </a>
                                        </div>
                                    </div>
                                    <span class="time fr">10分钟前</span>
                                </div>
                            </div>
                        </li>
                        <li class="item re-article transition fl pr">
                            <div class="markIcon pa"><span class="icon"></span></div>
                            <a class="item-pic db pr" href="javascript:void(0);" style="background-image: url('https://cdnb.artstation.com/p/assets/images/images/011/724/163/large/konstantinos-skenteridis-canyonruins-kingkostas2018.jpg?1531081848');"></a>
                            <div class="item-msg">
                                <div class="topBox clearfix">
                                    <a href="javascript:void(0);" class="workName feb fl toe"><span class="highlight">这是</span>该作品的名称</a>
                                    <span class="mark fr pay">付费</span>
                                </div>
                                <div class="item-classify">
                                    <span class="origin-item">数字2D</span>
                                    <span class="classify-item">UI设计</span>
                                </div>
                                <div class="society">
                                    <p class="scan dib"><span class="icon"></span><span class="num">260</span></p>
                                    <p class="comment dib"><span class="icon"></span><span class="num">35</span></p>
                                    <p class="thumbUp dib"><span class="icon"></span><span class="num">168</span></p>
                                </div>
                                <div class="details clearfix">
                                    <div class="user-detail fl">
                                        <div class="avatar dib br50 pr">
                                            <a href="javascript:void(0);" class="dib">
                                                <div class="dib pr">
                                                    <object><a href="javascript:void(0);" class="mark db pa approveBlue"></a></object>
                                                    <img class="br50" src="http://img.yxs.shenyecg.com/Image/h8VE1fiHlWerj0FrkEUSYlLa4m3sppLi/KECAnarYPG.jpg?x-oss-process=image/resize,m_fill,limit_0,w_200,h_200" alt="">
                                                </div>
                                                <span class="nickName toe dib">该作品作者的昵称</span>
                                            </a>
                                        </div>
                                    </div>
                                    <span class="time fr">10分钟前</span>
                                </div>
                            </div>
                        </li>
                        <li class="item re-video transition fl pr">
                            <div class="markIcon pa"><span class="icon"></span></div>
                            <a class="item-pic db pr" href="javascript:void(0);" style="background-image: url('https://cdna.artstation.com/p/assets/images/images/011/695/860/large/greg-rutkowski-remorseful-cleric-1500.jpg?1530903204');"></a>
                            <div class="item-msg">
                                <div class="topBox clearfix">
                                    <a href="javascript:void(0);" class="workName feb fl toe"><span class="highlight">这是</span>该作品的名称</a>
                                    <span class="mark fr free">免费</span>
                                </div>
                                <div class="item-classify">
                                    <span class="origin-item">数字2D</span>
                                    <span class="classify-item">UI设计</span>
                                </div>
                                <div class="society">
                                    <p class="scan dib"><span class="icon"></span><span class="num">260</span></p>
                                    <p class="comment dib"><span class="icon"></span><span class="num">35</span></p>
                                    <p class="thumbUp dib"><span class="icon"></span><span class="num">168</span></p>
                                </div>
                                <div class="details clearfix">
                                    <div class="user-detail fl">
                                        <div class="avatar dib br50 pr">
                                            <a href="javascript:void(0);" class="dib">
                                                <div class="dib pr">
                                                    <object><a href="javascript:void(0);" class="mark db pa approveBlue"></a></object>
                                                    <img class="br50" src="http://img.yxs.shenyecg.com/Image/h8VE1fiHlWerj0FrkEUSYlLa4m3sppLi/KECAnarYPG.jpg?x-oss-process=image/resize,m_fill,limit_0,w_200,h_200" alt="">
                                                </div>
                                                <span class="nickName toe dib">该作品作者的昵称</span>
                                            </a>
                                        </div>
                                    </div>
                                    <span class="time fr">10分钟前</span>
                                </div>
                            </div>
                        </li>
                        <li class="item re-living transition fl pr">
                            <a class="item-pic transition db pr" href="javascript:void(0);" style="background-image: url('https://cdna.artstation.com/p/assets/images/images/011/744/900/large/konstantinos-skenteridis-darkjourney-kingkostas2017.jpg?1531188661');">
                                <div class="cover transition pa"></div>
                                <div class="livingTips pa">
                                    <!--正在直播-->
                                    <div class="living tac">
                                        <p class="icon"></p>
                                    </div>
                                </div>
                            </a>
                            <div class="item-msg">
                                <div class="topBox clearfix">
                                    <a href="javascript:void(0);" class="workName feb fl toe"><span class="highlight">这是</span>该作品的名称</a>
                                    <span class="mark fr free">免费</span>
                                </div>
                                <div class="item-classify">
                                    <span class="origin-item">数字2D</span>
                                    <span class="classify-item">UI设计</span>
                                </div>
                                <div class="society">
                                    <p class="scan dib"><span class="icon"></span><span class="num">260</span></p>
                                    <p class="comment dib"><span class="icon"></span><span class="num">35</span></p>
                                    <p class="thumbUp dib"><span class="icon"></span><span class="num">168</span></p>
                                </div>
                                <div class="details clearfix">
                                    <div class="user-detail fl">
                                        <div class="avatar dib br50 pr">
                                            <a href="javascript:void(0);" class="dib">
                                                <div class="dib pr">
                                                    <object><a href="javascript:void(0);" class="mark db pa approveBlue"></a></object>
                                                    <img class="br50" src="http://img.yxs.shenyecg.com/Image/h8VE1fiHlWerj0FrkEUSYlLa4m3sppLi/KECAnarYPG.jpg?x-oss-process=image/resize,m_fill,limit_0,w_200,h_200" alt="">
                                                </div>
                                                <span class="nickName toe dib">该作品作者的昵称</span>
                                            </a>
                                        </div>
                                    </div>
                                    <span class="time fr">10分钟前</span>
                                </div>
                            </div>
                        </li>
                        <li class="item re-article transition fl pr">
                            <div class="markIcon pa"><span class="icon"></span></div>
                            <a class="item-pic db pr" href="javascript:void(0);" style="background-image: url('https://cdnb.artstation.com/p/assets/images/images/011/755/411/large/bastien-grivet-from-the-hill.jpg?1531241188');"></a>
                            <div class="item-msg">
                                <div class="topBox clearfix">
                                    <a href="javascript:void(0);" class="workName feb fl toe"><span class="highlight">这是</span>该作品的名称</a>
                                    <span class="mark fr pay">付费</span>
                                </div>
                                <div class="item-classify">
                                    <span class="origin-item">数字2D</span>
                                    <span class="classify-item">UI设计</span>
                                </div>
                                <div class="society">
                                    <p class="scan dib"><span class="icon"></span><span class="num">260</span></p>
                                    <p class="comment dib"><span class="icon"></span><span class="num">35</span></p>
                                    <p class="thumbUp dib"><span class="icon"></span><span class="num">168</span></p>
                                </div>
                                <div class="details clearfix">
                                    <div class="user-detail fl">
                                        <div class="avatar dib br50 pr">
                                            <a href="javascript:void(0);" class="dib">
                                                <div class="dib pr">
                                                    <object><a href="javascript:void(0);" class="mark db pa approveBlue"></a></object>
                                                    <img class="br50" src="http://img.yxs.shenyecg.com/Image/h8VE1fiHlWerj0FrkEUSYlLa4m3sppLi/KECAnarYPG.jpg?x-oss-process=image/resize,m_fill,limit_0,w_200,h_200" alt="">
                                                </div>
                                                <span class="nickName toe dib">该作品作者的昵称</span>
                                            </a>
                                        </div>
                                    </div>
                                    <span class="time fr">10分钟前</span>
                                </div>
                            </div>
                        </li>
                        <li class="item re-text transition fl pr">
                            <a class="item-pic transition db pr" href="javascript:void(0);" style="background-image: url('img/personalCenter/txtBg.png');">
                                <div class="text pa">这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容</div>
                                <div class="cover transition pa"></div>
                            </a>
                            <div class="item-msg">
                                <div class="topBox clearfix">
                                    <a href="javascript:void(0);" class="workName feb fl toe"><span class="highlight">这是</span>该作品的名称</a>
                                    <span class="mark fr pay">付费</span>
                                </div>
                                <div class="item-classify">&nbsp;</div>
                                <div class="society">
                                    <p class="scan dib"><span class="icon"></span><span class="num">260</span></p>
                                    <p class="comment dib"><span class="icon"></span><span class="num">35</span></p>
                                    <p class="thumbUp dib"><span class="icon"></span><span class="num">168</span></p>
                                </div>
                                <div class="details clearfix">
                                    <div class="user-detail fl">
                                        <div class="avatar dib br50 pr">
                                            <a href="javascript:void(0);" class="dib">
                                                <div class="dib pr">
                                                    <object><a href="javascript:void(0);" class="mark db pa approveBlue"></a></object>
                                                    <img class="br50" src="http://img.yxs.shenyecg.com/Image/h8VE1fiHlWerj0FrkEUSYlLa4m3sppLi/KECAnarYPG.jpg?x-oss-process=image/resize,m_fill,limit_0,w_200,h_200" alt="">
                                                </div>
                                                <span class="nickName toe dib">该作品作者的昵称</span>
                                            </a>
                                        </div>
                                    </div>
                                    <span class="time fr">10分钟前</span>
                                </div>
                            </div>
                        </li>
                    </ul>
                    <!--loading-->
                    <div class="loading tac dn">
                        <i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i>
                    </div>
                    <!--缺省提示-->
                    <div class="emptyInfo tac">
                        <div class="icon"></div>
                        <p class="tips">暂未找到您想要查找的作者~~</p>
                    </div>
                </div>
                <div class="SY-userList dn">
                    <div class="mainBox clearfix">
                        <p class="fl text">已找到<span>10</span>名作者</p>
                        <div class="fr more pr">
                            <a href="javascript:void(0);" class="classifyIcon">全部<i class="fa fa-angle-down"></i></a>
                            <div class="classify pa border1 br5 dn">
                                <ul>
                                    <li class="item tac active"><a class="db" href="javascript:void(0);">全部</a></li>
                                    <li class="item tac"><a class="db" href="javascript:void(0);">关注人数</a></li>
                                    <li class="item tac"><a class="db" href="javascript:void(0);">订阅人数</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <ul>
                        <li class="item clearfix br5 border1">
                            <div class="fl userMsg clearfix">
                                <div class="avatar br50 fl">
                                    <a href="javascript:void(0);"><img class="br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt=""></a>
                                </div>
                                <div class="msgDetail fl">
                                    <h2 class="nickName">
                                        <a href="javascript:void(0);"><span class="highlight">路人</span>甲</a>
                                        <a href="javascript:void(0);"><span class="mark dib approveBlue"></span></a>
                                    </h2>
                                    <p class="careerMsg">
                                        <span class="compName">两点十分</span><i>|</i><span class="position">产品开发</span><i>|</i><span class="trueName">你的名字</span>
                                    </p>
                                    <p class="autograph">这是属于作者的个性签名</p>
                                    <div class="details">
                                        <p class="dib subscription"><a href="javascript:void(0);">订阅<span>100</span></a></p>
                                        <span class="line dib"></span>
                                        <p class="dib follower"><a href="javascript:void(0);">关注<span>200</span></a></p>
                                        <span class="line dib"></span>
                                        <p class="dib dynamic"><a href="javascript:void(0);">动态<span>60</span></a></p>
                                    </div>
                                </div>
                            </div>
                            <div class="fr followBtn">
                                <a href="javascript:void(0);" class="db br5 border1 transition tac follow"><i class="fa fa-plus"></i>关注</a>
                            </div>
                        </li>
                        <li class="item clearfix br5 border1">
                            <div class="fl userMsg clearfix">
                                <div class="avatar br50 fl">
                                    <a href="javascript:void(0);"><img class="br50" src="http://img.shenyecg.com/Content/defaultPic/userPic/pig.png" alt=""></a>
                                </div>
                                <div class="msgDetail fl">
                                    <h2 class="nickName">
                                        <a href="javascript:void(0);"><span class="highlight">路人</span>甲</a>
                                        <a href="javascript:void(0);"><span class="mark dib approveGold"></span></a>
                                    </h2>
                                    <p class="careerMsg">
                                        <span class="compName">两点十分</span><i>|</i><span class="position">产品开发</span><i>|</i><span class="trueName">你的名字</span>
                                    </p>
                                    <p class="autograph">这是属于作者的个性签名</p>
                                    <div class="details">
                                        <p class="dib subscription"><a href="javascript:void(0);">订阅<span>100</span></a></p>
                                        <span class="line dib"></span>
                                        <p class="dib follower"><a href="javascript:void(0);">关注<span>200</span></a></p>
                                        <span class="line dib"></span>
                                        <p class="dib dynamic"><a href="javascript:void(0);">动态<span>60</span></a></p>
                                    </div>
                                </div>
                            </div>
                            <div class="fr followBtn">
                                <a href="javascript:void(0);" class="db br5 border1 transition tac follow"><i class="fa fa-plus"></i>关注</a>
                            </div>
                        </li>
                        <li class="item clearfix br5 border1">
                            <div class="fl userMsg clearfix">
                                <div class="avatar br50 fl">
                                    <a href="javascript:void(0);"><img class="br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt=""></a>
                                </div>
                                <div class="msgDetail fl">
                                    <h2 class="nickName">
                                        <a href="javascript:void(0);"><span class="highlight">路人</span>甲</a>
                                        <a href="javascript:void(0);"><span class="mark dib approveGold"></span></a>
                                    </h2>
                                    <p class="careerMsg">
                                        <span class="compName">两点十分</span><i>|</i><span class="position">产品开发</span><i>|</i><span class="trueName">你的名字</span>
                                    </p>
                                    <p class="autograph">这是属于作者的个性签名</p>
                                    <div class="details">
                                        <p class="dib subscription"><a href="javascript:void(0);">订阅<span>100</span></a></p>
                                        <span class="line dib"></span>
                                        <p class="dib follower"><a href="javascript:void(0);">关注<span>200</span></a></p>
                                        <span class="line dib"></span>
                                        <p class="dib dynamic"><a href="javascript:void(0);">动态<span>60</span></a></p>
                                    </div>
                                </div>
                            </div>
                            <div class="fr followBtn">
                                <a href="javascript:void(0);" class="db br5 border1 transition tac follow"><i class="fa fa-plus"></i>关注</a>
                            </div>
                        </li>
                        <li class="item clearfix br5 border1">
                            <div class="fl userMsg clearfix">
                                <div class="avatar br50 fl">
                                    <a href="javascript:void(0);"><img class="br50" src="http://img.shenyecg.com/Content/defaultPic/userPic/pig.png" alt=""></a>
                                </div>
                                <div class="msgDetail fl">
                                    <h2 class="nickName">
                                        <a href="javascript:void(0);"><span class="highlight">路人</span>甲</a>
                                        <a href="javascript:void(0);"><span class="mark dib approveBlue"></span></a>
                                    </h2>
                                    <p class="careerMsg">
                                        <span class="compName">两点十分</span><i>|</i><span class="position">产品开发</span><i>|</i><span class="trueName">你的名字</span>
                                    </p>
                                    <p class="autograph">这是属于作者的个性签名</p>
                                    <div class="details">
                                        <p class="dib subscription"><a href="javascript:void(0);">订阅<span>100</span></a></p>
                                        <span class="line dib"></span>
                                        <p class="dib follower"><a href="javascript:void(0);">关注<span>200</span></a></p>
                                        <span class="line dib"></span>
                                        <p class="dib dynamic"><a href="javascript:void(0);">动态<span>60</span></a></p>
                                    </div>
                                </div>
                            </div>
                            <div class="fr followBtn">
                                <a href="javascript:void(0);" class="db br5 border1 transition tac follow"><i class="fa fa-plus"></i>关注</a>
                            </div>
                        </li>
                        <li class="item clearfix br5 border1">
                            <div class="fl userMsg clearfix">
                                <div class="avatar br50 fl">
                                    <a href="javascript:void(0);"><img class="br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt=""></a>
                                </div>
                                <div class="msgDetail fl">
                                    <h2 class="nickName">
                                        <a href="javascript:void(0);"><span class="highlight">路人</span>甲</a>
                                        <a href="javascript:void(0);"><span class="mark dib approveGold"></span></a>
                                    </h2>
                                    <p class="careerMsg">
                                        <span class="compName">两点十分</span><i>|</i><span class="position">产品开发</span><i>|</i><span class="trueName">你的名字</span>
                                    </p>
                                    <p class="autograph">这是属于作者的个性签名</p>
                                    <div class="details">
                                        <p class="dib subscription"><a href="javascript:void(0);">订阅<span>100</span></a></p>
                                        <span class="line dib"></span>
                                        <p class="dib follower"><a href="javascript:void(0);">关注<span>200</span></a></p>
                                        <span class="line dib"></span>
                                        <p class="dib dynamic"><a href="javascript:void(0);">动态<span>60</span></a></p>
                                    </div>
                                </div>
                            </div>
                            <div class="fr followBtn">
                                <a href="javascript:void(0);" class="db br5 border1 transition tac follow"><i class="fa fa-plus"></i>关注</a>
                            </div>
                        </li>
                        <li class="item clearfix br5 border1">
                            <div class="fl userMsg clearfix">
                                <div class="avatar br50 fl">
                                    <a href="javascript:void(0);"><img class="br50" src="http://img.shenyecg.com/Content/defaultPic/userPic/pig.png" alt=""></a>
                                </div>
                                <div class="msgDetail fl">
                                    <h2 class="nickName"><a href="javascript:void(0);"><span class="highlight">路人</span>甲</a></h2>
                                    <p class="autograph">这是属于作者的个性签名</p>
                                    <div class="details">
                                        <p class="dib subscription"><a href="javascript:void(0);">订阅<span>100</span></a></p>
                                        <span class="line dib"></span>
                                        <p class="dib follower"><a href="javascript:void(0);">关注<span>200</span></a></p>
                                        <span class="line dib"></span>
                                        <p class="dib dynamic"><a href="javascript:void(0);">动态<span>60</span></a></p>
                                    </div>
                                </div>
                            </div>
                            <div class="fr followBtn">
                                <a href="javascript:void(0);" class="db br5 border1 transition tac follow"><i class="fa fa-plus"></i>关注</a>
                            </div>
                        </li>
                        <li class="item clearfix br5 border1">
                            <div class="fl userMsg clearfix">
                                <div class="avatar br50 fl">
                                    <a href="javascript:void(0);"><img class="br50" src="http://img.shenyecg.com/UploadImages/2018/1/3/2018010315554188104.jpg" alt=""></a>
                                </div>
                                <div class="msgDetail fl">
                                    <h2 class="nickName"><a href="javascript:void(0);"><span class="highlight">路人</span>甲</a></h2>
                                    <p class="autograph">这是属于作者的个性签名</p>
                                    <div class="details">
                                        <p class="dib subscription"><a href="javascript:void(0);">订阅<span>100</span></a></p>
                                        <span class="line dib"></span>
                                        <p class="dib follower"><a href="javascript:void(0);">关注<span>200</span></a></p>
                                        <span class="line dib"></span>
                                        <p class="dib dynamic"><a href="javascript:void(0);">动态<span>60</span></a></p>
                                    </div>
                                </div>
                            </div>
                            <div class="fr followBtn">
                                <a href="javascript:void(0);" class="db br5 border1 transition tac follow"><i class="fa fa-plus"></i>关注</a>
                            </div>
                        </li>
                        <li class="item clearfix br5 border1">
                            <div class="fl userMsg clearfix">
                                <div class="avatar br50 fl">
                                    <a href="javascript:void(0);"><img class="br50" src="http://img.shenyecg.com/Content/defaultPic/userPic/pig.png" alt=""></a>
                                </div>
                                <div class="msgDetail fl">
                                    <h2 class="nickName"><a href="javascript:void(0);"><span class="highlight">路人</span>甲</a></h2>
                                    <p class="autograph">这是属于作者的个性签名</p>
                                    <div class="details">
                                        <p class="dib subscription"><a href="javascript:void(0);">订阅<span>100</span></a></p>
                                        <span class="line dib"></span>
                                        <p class="dib follower"><a href="javascript:void(0);">关注<span>200</span></a></p>
                                        <span class="line dib"></span>
                                        <p class="dib dynamic"><a href="javascript:void(0);">动态<span>60</span></a></p>
                                    </div>
                                </div>
                            </div>
                            <div class="fr followBtn">
                                <a href="javascript:void(0);" class="db br5 border1 transition tac follow"><i class="fa fa-plus"></i>关注</a>
                            </div>
                        </li>
                    </ul>
                    <div class="page tac">
                        <ul class="pageList pr clearfix">
                            <li class="text disable"><a href="javascript:void(0);">首页</a></li>
                            <li class="text disable"><a href="javascript:void(0);">上一页</a></li>
                            <li class="pageActive"><a href="javascript:void(0);">1</a></li>
                            <li><a href="javascript:void(0);">2</a></li>
                            <li><a href="javascript:void(0);">3</a></li>
                            <li><a href="javascript:void(0);">...</a></li>
                            <li class="text"><a href="javascript:void(0);">下一页</a></li>
                            <li class="text"><a href="javascript:void(0);">尾页</a></li>
                        </ul>
                    </div>
                </div>
                <div class="SY-picture dn">
                    <div class="mainBox clearfix">
                        <p class="fl text">已找到<span>2</span>名作者</p>
                        <div class="fr more pr">
                            <a href="javascript:void(0);" class="classifyIcon">全部<i class="fa fa-angle-down"></i></a>
                            <div class="classify pa border1 br5 dn">
                                <ul>
                                    <li class="item tac active"><a class="db" href="javascript:void(0);">全部</a></li>
                                    <li class="item tac"><a class="db" href="javascript:void(0);">最新上传</a></li>
                                    <li class="item tac"><a class="db" href="javascript:void(0);">付费项目</a></li>
                                    <li class="item tac"><a class="db" href="javascript:void(0);">免费项目</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <ul class="allList br5 clearfix">
                        <li class="item re-picture transition fl pr">
                            <div class="markIcon pa"><span class="icon"></span></div>
                            <a class="item-pic db pr" href="javascript:void(0);" style="background-image: url('https://cdnb.artstation.com/p/assets/images/images/011/744/093/large/konstantinos-skenteridis-field-kingkostas2015.jpg?1531182823');"></a>
                            <div class="item-msg">
                                <div class="topBox clearfix">
                                    <a href="javascript:void(0);" class="workName feb fl toe"><span class="highlight">这是</span>该作品的名称</a>
                                    <span class="mark fr free">免费</span>
                                </div>
                                <div class="item-classify">
                                    <span class="origin-item">数字2D</span>
                                    <span class="classify-item">UI设计</span>
                                </div>
                                <div class="society">
                                    <p class="scan dib"><span class="icon"></span><span class="num">260</span></p>
                                    <p class="comment dib"><span class="icon"></span><span class="num">35</span></p>
                                    <p class="thumbUp dib"><span class="icon"></span><span class="num">168</span></p>
                                </div>
                                <div class="details clearfix">
                                    <div class="user-detail fl">
                                        <div class="avatar dib br50 pr">
                                            <a href="javascript:void(0);" class="dib">
                                                <div class="dib pr">
                                                    <object><a href="javascript:void(0);" class="mark db pa approveBlue"></a></object>
                                                    <img class="br50" src="http://img.yxs.shenyecg.com/Image/h8VE1fiHlWerj0FrkEUSYlLa4m3sppLi/KECAnarYPG.jpg?x-oss-process=image/resize,m_fill,limit_0,w_200,h_200" alt="">
                                                </div>
                                                <span class="nickName toe dib">该作品作者的昵称</span>
                                            </a>
                                        </div>
                                    </div>
                                    <span class="time fr">10分钟前</span>
                                </div>
                            </div>
                        </li>
                        <li class="item re-picture transition fl pr">
                            <div class="markIcon pa"><span class="icon"></span></div>
                            <a class="item-pic db pr" href="javascript:void(0);" style="background-image: url('https://cdnb.artstation.com/p/assets/images/images/011/755/411/large/bastien-grivet-from-the-hill.jpg?1531241188');"></a>
                            <div class="item-msg">
                                <div class="topBox clearfix">
                                    <a href="javascript:void(0);" class="workName feb fl toe"><span class="highlight">这是</span>该作品的名称</a>
                                    <span class="mark fr free">免费</span>
                                </div>
                                <div class="item-classify">
                                    <span class="origin-item">数字2D</span>
                                    <span class="classify-item">UI设计</span>
                                </div>
                                <div class="society">
                                    <p class="scan dib"><span class="icon"></span><span class="num">260</span></p>
                                    <p class="comment dib"><span class="icon"></span><span class="num">35</span></p>
                                    <p class="thumbUp dib"><span class="icon"></span><span class="num">168</span></p>
                                </div>
                                <div class="details clearfix">
                                    <div class="user-detail fl">
                                        <div class="avatar dib br50 pr">
                                            <a href="javascript:void(0);" class="dib">
                                                <div class="dib pr">
                                                    <object><a href="javascript:void(0);" class="mark db pa approveBlue"></a></object>
                                                    <img class="br50" src="http://img.yxs.shenyecg.com/Image/h8VE1fiHlWerj0FrkEUSYlLa4m3sppLi/KECAnarYPG.jpg?x-oss-process=image/resize,m_fill,limit_0,w_200,h_200" alt="">
                                                </div>
                                                <span class="nickName toe dib">该作品作者的昵称</span>
                                            </a>
                                        </div>
                                    </div>
                                    <span class="time fr">10分钟前</span>
                                </div>
                            </div>
                        </li>
                        <li class="item re-picture transition fl pr">
                            <div class="markIcon pa"><span class="icon"></span></div>
                            <a class="item-pic db pr" href="javascript:void(0);" style="background-image: url('https://cdna.artstation.com/p/assets/images/images/000/403/306/large/daniel-jimenez-villalba-basilica.jpg?1421091479');"></a>
                            <div class="item-msg">
                                <div class="topBox clearfix">
                                    <a href="javascript:void(0);" class="workName feb fl toe"><span class="highlight">这是</span>该作品的名称</a>
                                    <span class="mark fr free">免费</span>
                                </div>
                                <div class="item-classify">
                                    <span class="origin-item">数字2D</span>
                                    <span class="classify-item">UI设计</span>
                                </div>
                                <div class="society">
                                    <p class="scan dib"><span class="icon"></span><span class="num">260</span></p>
                                    <p class="comment dib"><span class="icon"></span><span class="num">35</span></p>
                                    <p class="thumbUp dib"><span class="icon"></span><span class="num">168</span></p>
                                </div>
                                <div class="details clearfix">
                                    <div class="user-detail fl">
                                        <div class="avatar dib br50 pr">
                                            <a href="javascript:void(0);" class="dib">
                                                <div class="dib pr">
                                                    <object><a href="javascript:void(0);" class="mark db pa approveGold"></a></object>
                                                    <img class="br50" src="http://img.yxs.shenyecg.com/Image/h8VE1fiHlWerj0FrkEUSYlLa4m3sppLi/KECAnarYPG.jpg?x-oss-process=image/resize,m_fill,limit_0,w_200,h_200" alt="">
                                                </div>
                                                <span class="nickName toe dib">该作品作者的昵称</span>
                                            </a>
                                        </div>
                                    </div>
                                    <span class="time fr">10分钟前</span>
                                </div>
                            </div>
                        </li>
                        <li class="item re-picture transition fl pr">
                            <div class="markIcon pa"><span class="icon"></span></div>
                            <a class="item-pic db pr" href="javascript:void(0);" style="background-image: url('https://cdnb.artstation.com/p/assets/images/images/011/852/421/large/lee-b-maru-160814.jpg?1531765496');"></a>
                            <div class="item-msg">
                                <div class="topBox clearfix">
                                    <a href="javascript:void(0);" class="workName feb fl toe"><span class="highlight">这是</span>该作品的名称</a>
                                    <span class="mark fr free">免费</span>
                                </div>
                                <div class="item-classify">
                                    <span class="origin-item">数字2D</span>
                                    <span class="classify-item">UI设计</span>
                                </div>
                                <div class="society">
                                    <p class="scan dib"><span class="icon"></span><span class="num">260</span></p>
                                    <p class="comment dib"><span class="icon"></span><span class="num">35</span></p>
                                    <p class="thumbUp dib"><span class="icon"></span><span class="num">168</span></p>
                                </div>
                                <div class="details clearfix">
                                    <div class="user-detail fl">
                                        <div class="avatar dib br50 pr">
                                            <a href="javascript:void(0);" class="dib">
                                                <div class="dib pr">
                                                    <object><a href="javascript:void(0);" class="mark db pa approveGold"></a></object>
                                                    <img class="br50" src="http://img.yxs.shenyecg.com/Image/h8VE1fiHlWerj0FrkEUSYlLa4m3sppLi/KECAnarYPG.jpg?x-oss-process=image/resize,m_fill,limit_0,w_200,h_200" alt="">
                                                </div>
                                                <span class="nickName toe dib">该作品作者的昵称</span>
                                            </a>
                                        </div>
                                    </div>
                                    <span class="time fr">10分钟前</span>
                                </div>
                            </div>
                        </li>
                        <li class="item re-picture transition fl pr">
                            <div class="markIcon pa"><span class="icon"></span></div>
                            <a class="item-pic db pr" href="javascript:void(0);" style="background-image: url('https://cdnb.artstation.com/p/assets/images/images/011/858/971/large/vivi-agusty-antigone.jpg?1531797716');"></a>
                            <div class="item-msg">
                                <div class="topBox clearfix">
                                    <a href="javascript:void(0);" class="workName feb fl toe"><span class="highlight">这是</span>该作品的名称</a>
                                    <span class="mark fr free">免费</span>
                                </div>
                                <div class="item-classify">
                                    <span class="origin-item">数字2D</span>
                                    <span class="classify-item">UI设计</span>
                                </div>
                                <div class="society">
                                    <p class="scan dib"><span class="icon"></span><span class="num">260</span></p>
                                    <p class="comment dib"><span class="icon"></span><span class="num">35</span></p>
                                    <p class="thumbUp dib"><span class="icon"></span><span class="num">168</span></p>
                                </div>
                                <div class="details clearfix">
                                    <div class="user-detail fl">
                                        <div class="avatar dib br50 pr">
                                            <a href="javascript:void(0);" class="dib">
                                                <div class="dib pr">
                                                    <object><a href="javascript:void(0);" class="mark db pa approveGold"></a></object>
                                                    <img class="br50" src="http://img.yxs.shenyecg.com/Image/h8VE1fiHlWerj0FrkEUSYlLa4m3sppLi/KECAnarYPG.jpg?x-oss-process=image/resize,m_fill,limit_0,w_200,h_200" alt="">
                                                </div>
                                                <span class="nickName toe dib">该作品作者的昵称</span>
                                            </a>
                                        </div>
                                    </div>
                                    <span class="time fr">10分钟前</span>
                                </div>
                            </div>
                        </li>
                    </ul>
                    <!--loading-->
                    <div class="loading tac dn">
                        <i class="fa fa-spinner fa-pulse fa-3x fa-fw"></i>
                    </div>
                </div>
                <div class="SY-video dn">
                    <div class="mainBox clearfix">
                        <p class="fl text">已找到<span>3</span>名作者</p>
                        <div class="fr more pr">
                            <a href="javascript:void(0);" class="classifyIcon">全部<i class="fa fa-angle-down"></i></a>
                            <div class="classify pa border1 br5 dn">
                                <ul>
                                    <li class="item tac active"><a class="db" href="javascript:void(0);">全部</a></li>
                                    <li class="item tac"><a class="db" href="javascript:void(0);">最新上传</a></li>
                                    <li class="item tac"><a class="db" href="javascript:void(0);">付费项目</a></li>
                                    <li class="item tac"><a class="db" href="javascript:void(0);">免费项目</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <ul class="allList br5 clearfix">
                        <li class="item re-video transition fl pr">
                            <div class="markIcon pa"><span class="icon"></span></div>
                            <a class="item-pic db pr" href="javascript:void(0);" style="background-image: url('https://cdna.artstation.com/p/assets/images/images/011/744/552/large/konstantinos-skenteridis-nomx-kingkostas2017.jpg?1531186456');"></a>
                            <div class="item-msg">
                                <div class="topBox clearfix">
                                    <a href="javascript:void(0);" class="workName feb fl toe"><span class="highlight">这是</span>该作品的名称</a>
                                    <span class="mark fr free">免费</span>
                                </div>
                                <div class="item-classify">
                                    <span class="origin-item">数字2D</span>
                                    <span class="classify-item">UI设计</span>
                                </div>
                                <div class="society">
                                    <p class="scan dib"><span class="icon"></span><span class="num">260</span></p>
                                    <p class="comment dib"><span class="icon"></span><span class="num">35</span></p>
                                    <p class="thumbUp dib"><span class="icon"></span><span class="num">168</span></p>
                                </div>
                                <div class="details clearfix">
                                    <div class="user-detail fl">
                                        <div class="avatar dib br50 pr">
                                            <a href="javascript:void(0);" class="dib">
                                                <div class="dib pr">
                                                    <object><a href="javascript:void(0);" class="mark db pa approveGold"></a></object>
                                                    <img class="br50" src="http://img.yxs.shenyecg.com/Image/h8VE1fiHlWerj0FrkEUSYlLa4m3sppLi/KECAnarYPG.jpg?x-oss-process=image/resize,m_fill,limit_0,w_200,h_200" alt="">
                                                </div>
                                                <span class="nickName toe dib">该作品作者的昵称</span>
                                            </a>
                                        </div>
                                    </div>
                                    <span class="time fr">10分钟前</span>
                                </div>
                            </div>
                        </li>
                        <li class="item re-video transition fl pr">
                            <div class="markIcon pa"><span class="icon"></span></div>
                            <a class="item-pic db pr" href="javascript:void(0);" style="background-image: url('https://cdna.artstation.com/p/assets/images/images/011/695/860/large/greg-rutkowski-remorseful-cleric-1500.jpg?1530903204');"></a>
                            <div class="item-msg">
                                <div class="topBox clearfix">
                                    <a href="javascript:void(0);" class="workName feb fl toe"><span class="highlight">这是</span>该作品的名称</a>
                                    <span class="mark fr free">免费</span>
                                </div>
                                <div class="item-classify">
                                    <span class="origin-item">数字2D</span>
                                    <span class="classify-item">UI设计</span>
                                </div>
                                <div class="society">
                                    <p class="scan dib"><span class="icon"></span><span class="num">260</span></p>
                                    <p class="comment dib"><span class="icon"></span><span class="num">35</span></p>
                                    <p class="thumbUp dib"><span class="icon"></span><span class="num">168</span></p>
                                </div>
                                <div class="details clearfix">
                                    <div class="user-detail fl">
                                        <div class="avatar dib br50 pr">
                                            <a href="javascript:void(0);" class="dib">
                                                <div class="dib pr">
                                                    <object><a href="javascript:void(0);" class="mark db pa approveBlue"></a></object>
                                                    <img class="br50" src="http://img.yxs.shenyecg.com/Image/h8VE1fiHlWerj0FrkEUSYlLa4m3sppLi/KECAnarYPG.jpg?x-oss-process=image/resize,m_fill,limit_0,w_200,h_200" alt="">
                                                </div>
                                                <span class="nickName toe dib">该作品作者的昵称</span>
                                            </a>
                                        </div>
                                    </div>
                                    <span class="time fr">10分钟前</span>
                                </div>
                            </div>
                        </li>
                        <li class="item re-video transition fl pr">
                            <div class="markIcon pa"><span class="icon"></span></div>
                            <a class="item-pic db pr" href="javascript:void(0);" style="background-image: url('https://cdnb.artstation.com/p/assets/images/images/011/860/947/large/dani-torres-owl-lo.jpg?1531808872');"></a>
                            <div class="item-msg">
                                <div class="topBox clearfix">
                                    <a href="javascript:void(0);" class="workName feb fl toe"><span class="highlight">这是</span>该作品的名称</a>
                                    <span class="mark fr free">免费</span>
                                </div>
                                <div class="item-classify">
                                    <span class="origin-item">数字2D</span>
                                    <span class="classify-item">UI设计</span>
                                </div>
                                <div class="society">
                                    <p class="scan dib"><span class="icon"></span><span class="num">260</span></p>
                                    <p class="comment dib"><span class="icon"></span><span class="num">35</span></p>
                                    <p class="thumbUp dib"><span class="icon"></span><span class="num">168</span></p>
                                </div>
                                <div class="details clearfix">
                                    <div class="user-detail fl">
                                        <div class="avatar dib br50 pr">
                                            <a href="javascript:void(0);" class="dib">
                                                <div class="dib pr">
                                                    <object><a href="javascript:void(0);" class="mark db pa approveBlue"></a></object>
                                                    <img class="br50" src="http://img.yxs.shenyecg.com/Image/h8VE1fiHlWerj0FrkEUSYlLa4m3sppLi/KECAnarYPG.jpg?x-oss-process=image/resize,m_fill,limit_0,w_200,h_200" alt="">
                                                </div>
                                                <span class="nickName toe dib">该作品作者的昵称</span>
                                            </a>
                                        </div>
                                    </div>
                                    <span class="time fr">10分钟前</span>
                                </div>
                            </div>
                        </li>
                        <li class="item re-video transition fl pr">
                            <div class="markIcon pa"><span class="icon"></span></div>
                            <a class="item-pic db pr" href="javascript:void(0);" style="background-image: url('https://cdna.artstation.com/p/assets/images/images/011/892/024/large/paperblue-net-ship-typhoon.jpg?1531955038');"></a>
                            <div class="item-msg">
                                <div class="topBox clearfix">
                                    <a href="javascript:void(0);" class="workName feb fl toe"><span class="highlight">这是</span>该作品的名称</a>
                                    <span class="mark fr free">免费</span>
                                </div>
                                <div class="item-classify">
                                    <span class="origin-item">数字2D</span>
                                    <span class="classify-item">UI设计</span>
                                </div>
                                <div class="society">
                                    <p class="scan dib"><span class="icon"></span><span class="num">260</span></p>
                                    <p class="comment dib"><span class="icon"></span><span class="num">35</span></p>
                                    <p class="thumbUp dib"><span class="icon"></span><span class="num">168</span></p>
                                </div>
                                <div class="details clearfix">
                                    <div class="user-detail fl">
                                        <div class="avatar dib br50 pr">
                                            <a href="javascript:void(0);" class="dib">
                                                <div class="dib pr">
                                                    <object><a href="javascript:void(0);" class="mark db pa approveBlue"></a></object>
                                                    <img class="br50" src="http://img.yxs.shenyecg.com/Image/h8VE1fiHlWerj0FrkEUSYlLa4m3sppLi/KECAnarYPG.jpg?x-oss-process=image/resize,m_fill,limit_0,w_200,h_200" alt="">
                                                </div>
                                                <span class="nickName toe dib">该作品作者的昵称</span>
                                            </a>
                                        </div>
                                    </div>
                                    <span class="time fr">10分钟前</span>
                                </div>
                            </div>
                        </li>
                        <li class="item re-video transition fl pr">
                            <div class="markIcon pa"><span class="icon"></span></div>
                            <a class="item-pic db pr" href="javascript:void(0);" style="background-image: url('https://cdna.artstation.com/p/assets/images/images/011/748/224/large/mina-lee-final-edit01-large-size.jpg?1531212103');"></a>
                            <div class="item-msg">
                                <div class="topBox clearfix">
                                    <a href="javascript:void(0);" class="workName feb fl toe"><span class="highlight">这是</span>该作品的名称</a>
                                    <span class="mark fr free">免费</span>
                                </div>
                                <div class="item-classify">
                                    <span class="origin-item">数字2D</span>
                                    <span class="classify-item">UI设计</span>
                                </div>
                                <div class="society">
                                    <p class="scan dib"><span class="icon"></span><span class="num">260</span></p>
                                    <p class="comment dib"><span class="icon"></span><span class="num">35</span></p>
                                    <p class="thumbUp dib"><span class="icon"></span><span class="num">168</span></p>
                                </div>
                                <div class="details clearfix">
                                    <div class="user-detail fl">
                                        <div class="avatar dib br50 pr">
                                            <a href="javascript:void(0);" class="dib">
                                                <div class="dib pr">
                                                    <object><a href="javascript:void(0);" class="mark db pa approveBlue"></a></object>
                                                    <img class="br50" src="http://img.yxs.shenyecg.com/Image/h8VE1fiHlWerj0FrkEUSYlLa4m3sppLi/KECAnarYPG.jpg?x-oss-process=image/resize,m_fill,limit_0,w_200,h_200" alt="">
                                                </div>
                                                <span class="nickName toe dib">该作品作者的昵称</span>
                                            </a>
                                        </div>
                                    </div>
                                    <span class="time fr">10分钟前</span>
                                </div>
                            </div>
                        </li>
                        <li class="item re-video transition fl pr">
                            <div class="markIcon pa"><span class="icon"></span></div>
                            <a class="item-pic db pr" href="javascript:void(0);" style="background-image: url('https://cdnb.artstation.com/p/assets/images/images/011/719/865/large/patrik-pulkkinen-blood-moon.jpg?1531065196');"></a>
                            <div class="item-msg">
                                <div class="topBox clearfix">
                                    <a href="javascript:void(0);" class="workName feb fl toe"><span class="highlight">这是</span>该作品的名称</a>
                                    <span class="mark fr free">免费</span>
                                </div>
                                <div class="item-classify">
                                    <span class="origin-item">数字2D</span>
                                    <span class="classify-item">UI设计</span>
                                </div>
                                <div class="society">
                                    <p class="scan dib"><span class="icon"></span><span class="num">260</span></p>
                                    <p class="comment dib"><span class="icon"></span><span class="num">35</span></p>
                                    <p class="thumbUp dib"><span class="icon"></span><span class="num">168</span></p>
                                </div>
                                <div class="details clearfix">
                                    <div class="user-detail fl">
                                        <div class="avatar dib br50 pr">
                                            <a href="javascript:void(0);" class="dib">
                                                <div class="dib pr">
                                                    <object><a href="javascript:void(0);" class="mark db pa approveBlue"></a></object>
                                                    <img class="br50" src="http://img.yxs.shenyecg.com/Image/h8VE1fiHlWerj0FrkEUSYlLa4m3sppLi/KECAnarYPG.jpg?x-oss-process=image/resize,m_fill,limit_0,w_200,h_200" alt="">
                                                </div>
                                                <span class="nickName toe dib">该作品作者的昵称</span>
                                            </a>
                                        </div>
                                    </div>
                                    <span class="time fr">10分钟前</span>
                                </div>
                            </div>
                        </li>
                        <li class="item re-video transition fl pr">
                            <div class="markIcon pa"><span class="icon"></span></div>
                            <a class="item-pic db pr" href="javascript:void(0);" style="background-image: url('https://cdnb.artstation.com/p/assets/images/images/009/537/563/smaller_square/yang-tian-pansen.jpg?1519569817');"></a>
                            <div class="item-msg">
                                <div class="topBox clearfix">
                                    <a href="javascript:void(0);" class="workName feb fl toe"><span class="highlight">这是</span>该作品的名称</a>
                                    <span class="mark fr free">免费</span>
                                </div>
                                <div class="item-classify">
                                    <span class="origin-item">数字2D</span>
                                    <span class="classify-item">UI设计</span>
                                </div>
                                <div class="society">
                                    <p class="scan dib"><span class="icon"></span><span class="num">260</span></p>
                                    <p class="comment dib"><span class="icon"></span><span class="num">35</span></p>
                                    <p class="thumbUp dib"><span class="icon"></span><span class="num">168</span></p>
                                </div>
                                <div class="details clearfix">
                                    <div class="user-detail fl">
                                        <div class="avatar dib br50 pr">
                                            <a href="javascript:void(0);" class="dib">
                                                <div class="dib pr">
                                                    <object><a href="javascript:void(0);" class="mark db pa approveBlue"></a></object>
                                                    <img class="br50" src="http://img.yxs.shenyecg.com/Image/h8VE1fiHlWerj0FrkEUSYlLa4m3sppLi/KECAnarYPG.jpg?x-oss-process=image/resize,m_fill,limit_0,w_200,h_200" alt="">
                                                </div>
                                                <span class="nickName toe dib">该作品作者的昵称</span>
                                            </a>
                                        </div>
                                    </div>
                                    <span class="time fr">10分钟前</span>
                                </div>
                            </div>
                        </li>
                        <li class="item re-video transition fl pr">
                            <div class="markIcon pa"><span class="icon"></span></div>
                            <a class="item-pic db pr" href="javascript:void(0);" style="background-image: url('https://cdna.artstation.com/p/assets/images/images/011/858/608/large/pop-amp-anne-80s-.jpg?1531795200');"></a>
                            <div class="item-msg">
                                <div class="topBox clearfix">
                                    <a href="javascript:void(0);" class="workName feb fl toe"><span class="highlight">这是</span>该作品的名称</a>
                                    <span class="mark fr free">免费</span>
                                </div>
                                <div class="item-classify">
                                    <span class="origin-item">数字2D</span>
                                    <span class="classify-item">UI设计</span>
                                </div>
                                <div class="society">
                                    <p class="scan dib"><span class="icon"></span><span class="num">260</span></p>
                                    <p class="comment dib"><span class="icon"></span><span class="num">35</span></p>
                                    <p class="thumbUp dib"><span class="icon"></span><span class="num">168</span></p>
                                </div>
                                <div class="details clearfix">
                                    <div class="user-detail fl">
                                        <div class="avatar dib br50 pr">
                                            <a href="javascript:void(0);" class="dib">
                                                <div class="dib pr">
                                                    <object><a href="javascript:void(0);" class="mark db pa approveGold"></a></object>
                                                    <img class="br50" src="http://img.yxs.shenyecg.com/Image/h8VE1fiHlWerj0FrkEUSYlLa4m3sppLi/KECAnarYPG.jpg?x-oss-process=image/resize,m_fill,limit_0,w_200,h_200" alt="">
                                                </div>
                                                <span class="nickName toe dib">该作品作者的昵称</span>
                                            </a>
                                        </div>
                                    </div>
                                    <span class="time fr">10分钟前</span>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="SY-article dn">
                    <div class="mainBox clearfix">
                        <p class="fl text">已找到<span>2</span>名作者</p>
                        <div class="fr more pr">
                            <a href="javascript:void(0);" class="classifyIcon">全部<i class="fa fa-angle-down"></i></a>
                            <div class="classify pa border1 br5 dn">
                                <ul>
                                    <li class="item tac active"><a class="db" href="javascript:void(0);">全部</a></li>
                                    <li class="item tac"><a class="db" href="javascript:void(0);">最新上传</a></li>
                                    <li class="item tac"><a class="db" href="javascript:void(0);">付费项目</a></li>
                                    <li class="item tac"><a class="db" href="javascript:void(0);">免费项目</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <ul class="allList br5 clearfix">
                        <li class="item re-article transition fl pr">
                            <div class="markIcon pa"><span class="icon"></span></div>
                            <a class="item-pic db pr" href="javascript:void(0);" style="background-image: url('https://cdnb.artstation.com/p/assets/images/images/011/724/163/large/konstantinos-skenteridis-canyonruins-kingkostas2018.jpg?1531081848');"></a>
                            <div class="item-msg">
                                <div class="topBox clearfix">
                                    <a href="javascript:void(0);" class="workName feb fl toe"><span class="highlight">这是</span>该作品的名称</a>
                                    <span class="mark fr pay">付费</span>
                                </div>
                                <div class="item-classify">
                                    <span class="origin-item">数字2D</span>
                                    <span class="classify-item">UI设计</span>
                                </div>
                                <div class="society">
                                    <p class="scan dib"><span class="icon"></span><span class="num">260</span></p>
                                    <p class="comment dib"><span class="icon"></span><span class="num">35</span></p>
                                    <p class="thumbUp dib"><span class="icon"></span><span class="num">168</span></p>
                                </div>
                                <div class="details clearfix">
                                    <div class="user-detail fl">
                                        <div class="avatar dib br50 pr">
                                            <a href="javascript:void(0);" class="dib">
                                                <div class="dib pr">
                                                    <object><a href="javascript:void(0);" class="mark db pa approveBlue"></a></object>
                                                    <img class="br50" src="http://img.yxs.shenyecg.com/Image/h8VE1fiHlWerj0FrkEUSYlLa4m3sppLi/KECAnarYPG.jpg?x-oss-process=image/resize,m_fill,limit_0,w_200,h_200" alt="">
                                                </div>
                                                <span class="nickName toe dib">该作品作者的昵称</span>
                                            </a>
                                        </div>
                                    </div>
                                    <span class="time fr">10分钟前</span>
                                </div>
                            </div>
                        </li>
                        <li class="item re-article transition fl pr">
                            <div class="markIcon pa"><span class="icon"></span></div>
                            <a class="item-pic db pr" href="javascript:void(0);" style="background-image: url('https://cdnb.artstation.com/p/assets/images/images/011/755/411/large/bastien-grivet-from-the-hill.jpg?1531241188');"></a>
                            <div class="item-msg">
                                <div class="topBox clearfix">
                                    <a href="javascript:void(0);" class="workName feb fl toe"><span class="highlight">这是</span>该作品的名称</a>
                                    <span class="mark fr pay">付费</span>
                                </div>
                                <div class="item-classify">
                                    <span class="origin-item">数字2D</span>
                                    <span class="classify-item">UI设计</span>
                                </div>
                                <div class="society">
                                    <p class="scan dib"><span class="icon"></span><span class="num">260</span></p>
                                    <p class="comment dib"><span class="icon"></span><span class="num">35</span></p>
                                    <p class="thumbUp dib"><span class="icon"></span><span class="num">168</span></p>
                                </div>
                                <div class="details clearfix">
                                    <div class="user-detail fl">
                                        <div class="avatar dib br50 pr">
                                            <a href="javascript:void(0);" class="dib">
                                                <div class="dib pr">
                                                    <object><a href="javascript:void(0);" class="mark db pa approveBlue"></a></object>
                                                    <img class="br50" src="http://img.yxs.shenyecg.com/Image/h8VE1fiHlWerj0FrkEUSYlLa4m3sppLi/KECAnarYPG.jpg?x-oss-process=image/resize,m_fill,limit_0,w_200,h_200" alt="">
                                                </div>
                                                <span class="nickName toe dib">该作品作者的昵称</span>
                                            </a>
                                        </div>
                                    </div>
                                    <span class="time fr">10分钟前</span>
                                </div>
                            </div>
                        </li>
                        <li class="item re-article transition fl pr">
                            <div class="markIcon pa"><span class="icon"></span></div>
                            <a class="item-pic db pr" href="javascript:void(0);" style="background-image: url('https://cdnb.artstation.com/p/assets/images/images/011/383/181/large/daniel-jimenez-villalba-the-night-king-detail.jpg?1529325769');"></a>
                            <div class="item-msg">
                                <div class="topBox clearfix">
                                    <a href="javascript:void(0);" class="workName feb fl toe"><span class="highlight">这是</span>该作品的名称</a>
                                    <span class="mark fr pay">付费</span>
                                </div>
                                <div class="item-classify">
                                    <span class="origin-item">数字2D</span>
                                    <span class="classify-item">UI设计</span>
                                </div>
                                <div class="society">
                                    <p class="scan dib"><span class="icon"></span><span class="num">260</span></p>
                                    <p class="comment dib"><span class="icon"></span><span class="num">35</span></p>
                                    <p class="thumbUp dib"><span class="icon"></span><span class="num">168</span></p>
                                </div>
                                <div class="details clearfix">
                                    <div class="user-detail fl">
                                        <div class="avatar dib br50 pr">
                                            <a href="javascript:void(0);" class="dib">
                                                <div class="dib pr">
                                                    <object><a href="javascript:void(0);" class="mark db pa approveBlue"></a></object>
                                                    <img class="br50" src="http://img.yxs.shenyecg.com/Image/h8VE1fiHlWerj0FrkEUSYlLa4m3sppLi/KECAnarYPG.jpg?x-oss-process=image/resize,m_fill,limit_0,w_200,h_200" alt="">
                                                </div>
                                                <span class="nickName toe dib">该作品作者的昵称</span>
                                            </a>
                                        </div>
                                    </div>
                                    <span class="time fr">10分钟前</span>
                                </div>
                            </div>
                        </li>
                        <li class="item re-article transition fl pr">
                            <div class="markIcon pa"><span class="icon"></span></div>
                            <a class="item-pic db pr" href="javascript:void(0);" style="background-image: url('https://cdnb.artstation.com/p/assets/images/images/011/726/901/large/paperblue-net-lake-tree.jpg?1531096588');"></a>
                            <div class="item-msg">
                                <div class="topBox clearfix">
                                    <a href="javascript:void(0);" class="workName feb fl toe"><span class="highlight">这是</span>该作品的名称</a>
                                    <span class="mark fr pay">付费</span>
                                </div>
                                <div class="item-classify">
                                    <span class="origin-item">数字2D</span>
                                    <span class="classify-item">UI设计</span>
                                </div>
                                <div class="society">
                                    <p class="scan dib"><span class="icon"></span><span class="num">260</span></p>
                                    <p class="comment dib"><span class="icon"></span><span class="num">35</span></p>
                                    <p class="thumbUp dib"><span class="icon"></span><span class="num">168</span></p>
                                </div>
                                <div class="details clearfix">
                                    <div class="user-detail fl">
                                        <div class="avatar dib br50 pr">
                                            <a href="javascript:void(0);" class="dib">
                                                <div class="dib pr">
                                                    <object><a href="javascript:void(0);" class="mark db pa approveGold"></a></object>
                                                    <img class="br50" src="http://img.yxs.shenyecg.com/Image/h8VE1fiHlWerj0FrkEUSYlLa4m3sppLi/KECAnarYPG.jpg?x-oss-process=image/resize,m_fill,limit_0,w_200,h_200" alt="">
                                                </div>
                                                <span class="nickName toe dib">该作品作者的昵称</span>
                                            </a>
                                        </div>
                                    </div>
                                    <span class="time fr">10分钟前</span>
                                </div>
                            </div>
                        </li>
                        <li class="item re-article transition fl pr">
                            <div class="markIcon pa"><span class="icon"></span></div>
                            <a class="item-pic db pr" href="javascript:void(0);" style="background-image: url('https://cdna.artstation.com/p/assets/images/images/011/785/138/large/even-amundsen-sweptlands-2.jpg?1531390947');"></a>
                            <div class="item-msg">
                                <div class="topBox clearfix">
                                    <a href="javascript:void(0);" class="workName feb fl toe"><span class="highlight">这是</span>该作品的名称</a>
                                    <span class="mark fr pay">付费</span>
                                </div>
                                <div class="item-classify">
                                    <span class="origin-item">数字2D</span>
                                    <span class="classify-item">UI设计</span>
                                </div>
                                <div class="society">
                                    <p class="scan dib"><span class="icon"></span><span class="num">260</span></p>
                                    <p class="comment dib"><span class="icon"></span><span class="num">35</span></p>
                                    <p class="thumbUp dib"><span class="icon"></span><span class="num">168</span></p>
                                </div>
                                <div class="details clearfix">
                                    <div class="user-detail fl">
                                        <div class="avatar dib br50 pr">
                                            <a href="javascript:void(0);" class="dib">
                                                <div class="dib pr">
                                                    <object><a href="javascript:void(0);" class="mark db pa approveGold"></a></object>
                                                    <img class="br50" src="http://img.yxs.shenyecg.com/Image/h8VE1fiHlWerj0FrkEUSYlLa4m3sppLi/KECAnarYPG.jpg?x-oss-process=image/resize,m_fill,limit_0,w_200,h_200" alt="">
                                                </div>
                                                <span class="nickName toe dib">该作品作者的昵称</span>
                                            </a>
                                        </div>
                                    </div>
                                    <span class="time fr">10分钟前</span>
                                </div>
                            </div>
                        </li>
                        <li class="item re-article transition fl pr">
                            <div class="markIcon pa"><span class="icon"></span></div>
                            <a class="item-pic db pr" href="javascript:void(0);" style="background-image: url('https://cdnb.artstation.com/p/assets/images/images/011/859/009/large/weijung-lee-18-0712-02.jpg?1531797837');"></a>
                            <div class="item-msg">
                                <div class="topBox clearfix">
                                    <a href="javascript:void(0);" class="workName feb fl toe"><span class="highlight">这是</span>该作品的名称</a>
                                    <span class="mark fr pay">付费</span>
                                </div>
                                <div class="item-classify">
                                    <span class="origin-item">数字2D</span>
                                    <span class="classify-item">UI设计</span>
                                </div>
                                <div class="society">
                                    <p class="scan dib"><span class="icon"></span><span class="num">260</span></p>
                                    <p class="comment dib"><span class="icon"></span><span class="num">35</span></p>
                                    <p class="thumbUp dib"><span class="icon"></span><span class="num">168</span></p>
                                </div>
                                <div class="details clearfix">
                                    <div class="user-detail fl">
                                        <div class="avatar dib br50 pr">
                                            <a href="javascript:void(0);" class="dib">
                                                <div class="dib pr">
                                                    <object><a href="javascript:void(0);" class="mark db pa approveGold"></a></object>
                                                    <img class="br50" src="http://img.yxs.shenyecg.com/Image/h8VE1fiHlWerj0FrkEUSYlLa4m3sppLi/KECAnarYPG.jpg?x-oss-process=image/resize,m_fill,limit_0,w_200,h_200" alt="">
                                                </div>
                                                <span class="nickName toe dib">该作品作者的昵称</span>
                                            </a>
                                        </div>
                                    </div>
                                    <span class="time fr">10分钟前</span>
                                </div>
                            </div>
                        </li>
                        <li class="item re-article transition fl pr">
                            <div class="markIcon pa"><span class="icon"></span></div>
                            <a class="item-pic db pr" href="javascript:void(0);" style="background-image: url('https://cdna.artstation.com/p/assets/images/images/011/858/600/large/pop-amp-anne-80s-.jpg?1531795176');"></a>
                            <div class="item-msg">
                                <div class="topBox clearfix">
                                    <a href="javascript:void(0);" class="workName feb fl toe"><span class="highlight">这是</span>该作品的名称</a>
                                    <span class="mark fr pay">付费</span>
                                </div>
                                <div class="item-classify">
                                    <span class="origin-item">数字2D</span>
                                    <span class="classify-item">UI设计</span>
                                </div>
                                <div class="society">
                                    <p class="scan dib"><span class="icon"></span><span class="num">260</span></p>
                                    <p class="comment dib"><span class="icon"></span><span class="num">35</span></p>
                                    <p class="thumbUp dib"><span class="icon"></span><span class="num">168</span></p>
                                </div>
                                <div class="details clearfix">
                                    <div class="user-detail fl">
                                        <div class="avatar dib br50 pr">
                                            <a href="javascript:void(0);" class="dib">
                                                <div class="dib pr">
                                                    <object><a href="javascript:void(0);" class="mark db pa approveGold"></a></object>
                                                    <img class="br50" src="http://img.yxs.shenyecg.com/Image/h8VE1fiHlWerj0FrkEUSYlLa4m3sppLi/KECAnarYPG.jpg?x-oss-process=image/resize,m_fill,limit_0,w_200,h_200" alt="">
                                                </div>
                                                <span class="nickName toe dib">该作品作者的昵称</span>
                                            </a>
                                        </div>
                                    </div>
                                    <span class="time fr">10分钟前</span>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="SY-living dn">
                    <div class="mainBox clearfix">
                        <p class="fl text">已找到<span>2</span>名作者</p>
                        <div class="fr more pr">
                            <a href="javascript:void(0);" class="classifyIcon">全部<i class="fa fa-angle-down"></i></a>
                            <div class="classify pa border1 br5 dn">
                                <ul>
                                    <li class="item tac active"><a class="db" href="javascript:void(0);">全部</a></li>
                                    <li class="item tac"><a class="db" href="javascript:void(0);">最新上传</a></li>
                                    <li class="item tac"><a class="db" href="javascript:void(0);">付费项目</a></li>
                                    <li class="item tac"><a class="db" href="javascript:void(0);">免费项目</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <ul class="allList br5 clearfix">
                        <li class="item re-living transition fl pr">
                            <a class="item-pic transition db pr" href="javascript:void(0);" style="background-image: url('https://cdnb.artstation.com/p/assets/images/images/011/771/387/large/bastien-grivet-the-door.jpg?1531320918');">
                                <div class="cover transition pa"></div>
                                <div class="livingTips pa">
                                    <!--正在直播-->
                                    <div class="living tac">
                                        <p class="icon"></p>
                                    </div>
                                </div>
                            </a>
                            <div class="item-msg">
                                <div class="topBox clearfix">
                                    <a href="javascript:void(0);" class="workName feb fl toe"><span class="highlight">这是</span>该作品的名称</a>
                                    <span class="mark fr free">免费</span>
                                </div>
                                <div class="item-classify">
                                    <span class="origin-item">数字2D</span>
                                    <span class="classify-item">UI设计</span>
                                </div>
                                <div class="society">
                                    <p class="scan dib"><span class="icon"></span><span class="num">260</span></p>
                                    <p class="comment dib"><span class="icon"></span><span class="num">35</span></p>
                                    <p class="thumbUp dib"><span class="icon"></span><span class="num">168</span></p>
                                </div>
                                <div class="details clearfix">
                                    <div class="user-detail fl">
                                        <div class="avatar dib br50 pr">
                                            <a href="javascript:void(0);" class="dib">
                                                <div class="dib pr">
                                                    <object><a href="javascript:void(0);" class="mark db pa approveGold"></a></object>
                                                    <img class="br50" src="http://img.yxs.shenyecg.com/Image/h8VE1fiHlWerj0FrkEUSYlLa4m3sppLi/KECAnarYPG.jpg?x-oss-process=image/resize,m_fill,limit_0,w_200,h_200" alt="">
                                                </div>
                                                <span class="nickName toe dib">该作品作者的昵称</span>
                                            </a>
                                        </div>
                                    </div>
                                    <span class="time fr">10分钟前</span>
                                </div>
                            </div>
                        </li>
                        <li class="item re-living transition fl pr">
                            <a class="item-pic transition db pr" href="javascript:void(0);" style="background-image: url('https://cdnb.artstation.com/p/assets/images/images/011/889/809/large/maena-paillet-snow04.jpg?1531945342');">
                                <div class="cover transition pa"></div>
                                <div class="livingTips pa">
                                    <!--正在直播-->
                                    <div class="living tac">
                                        <p class="icon"></p>
                                    </div>
                                </div>
                            </a>
                            <div class="item-msg">
                                <div class="topBox clearfix">
                                    <a href="javascript:void(0);" class="workName feb fl toe"><span class="highlight">这是</span>该作品的名称</a>
                                    <span class="mark fr free">免费</span>
                                </div>
                                <div class="item-classify">
                                    <span class="origin-item">数字2D</span>
                                    <span class="classify-item">UI设计</span>
                                </div>
                                <div class="society">
                                    <p class="scan dib"><span class="icon"></span><span class="num">260</span></p>
                                    <p class="comment dib"><span class="icon"></span><span class="num">35</span></p>
                                    <p class="thumbUp dib"><span class="icon"></span><span class="num">168</span></p>
                                </div>
                                <div class="details clearfix">
                                    <div class="user-detail fl">
                                        <div class="avatar dib br50 pr">
                                            <a href="javascript:void(0);" class="dib">
                                                <div class="dib pr">
                                                    <object><a href="javascript:void(0);" class="mark db pa approveGold"></a></object>
                                                    <img class="br50" src="http://img.yxs.shenyecg.com/Image/h8VE1fiHlWerj0FrkEUSYlLa4m3sppLi/KECAnarYPG.jpg?x-oss-process=image/resize,m_fill,limit_0,w_200,h_200" alt="">
                                                </div>
                                                <span class="nickName toe dib">该作品作者的昵称</span>
                                            </a>
                                        </div>
                                    </div>
                                    <span class="time fr">10分钟前</span>
                                </div>
                            </div>
                        </li>
                        <li class="item re-living transition fl pr">
                            <a class="item-pic transition db pr" href="javascript:void(0);" style="background-image: url('https://cdnb.artstation.com/p/assets/images/images/011/454/061/large/paperblue-net-cave.jpg?1529657500');">
                                <div class="cover transition pa"></div>
                                <div class="livingTips pa">
                                    <!--正在直播-->
                                    <div class="living tac">
                                        <p class="icon"></p>
                                    </div>
                                </div>
                            </a>
                            <div class="item-msg">
                                <div class="topBox clearfix">
                                    <a href="javascript:void(0);" class="workName feb fl toe"><span class="highlight">这是</span>该作品的名称</a>
                                    <span class="mark fr free">免费</span>
                                </div>
                                <div class="item-classify">
                                    <span class="origin-item">数字2D</span>
                                    <span class="classify-item">UI设计</span>
                                </div>
                                <div class="society">
                                    <p class="scan dib"><span class="icon"></span><span class="num">260</span></p>
                                    <p class="comment dib"><span class="icon"></span><span class="num">35</span></p>
                                    <p class="thumbUp dib"><span class="icon"></span><span class="num">168</span></p>
                                </div>
                                <div class="details clearfix">
                                    <div class="user-detail fl">
                                        <div class="avatar dib br50 pr">
                                            <a href="javascript:void(0);" class="dib">
                                                <div class="dib pr">
                                                    <object><a href="javascript:void(0);" class="mark db pa approveBlue"></a></object>
                                                    <img class="br50" src="http://img.yxs.shenyecg.com/Image/h8VE1fiHlWerj0FrkEUSYlLa4m3sppLi/KECAnarYPG.jpg?x-oss-process=image/resize,m_fill,limit_0,w_200,h_200" alt="">
                                                </div>
                                                <span class="nickName toe dib">该作品作者的昵称</span>
                                            </a>
                                        </div>
                                    </div>
                                    <span class="time fr">10分钟前</span>
                                </div>
                            </div>
                        </li>
                        <li class="item re-living transition fl pr">
                            <a class="item-pic transition db pr" href="javascript:void(0);" style="background-image: url('https://cdna.artstation.com/p/assets/images/images/011/723/344/large/rostislav-prokop-le-mans-301.jpg?1531077999');">
                                <div class="cover transition pa"></div>
                                <div class="livingTips pa">
                                    <!--正在直播-->
                                    <div class="living tac">
                                        <p class="icon"></p>
                                    </div>
                                </div>
                            </a>
                            <div class="item-msg">
                                <div class="topBox clearfix">
                                    <a href="javascript:void(0);" class="workName feb fl toe"><span class="highlight">这是</span>该作品的名称</a>
                                    <span class="mark fr free">免费</span>
                                </div>
                                <div class="item-classify">
                                    <span class="origin-item">数字2D</span>
                                    <span class="classify-item">UI设计</span>
                                </div>
                                <div class="society">
                                    <p class="scan dib"><span class="icon"></span><span class="num">260</span></p>
                                    <p class="comment dib"><span class="icon"></span><span class="num">35</span></p>
                                    <p class="thumbUp dib"><span class="icon"></span><span class="num">168</span></p>
                                </div>
                                <div class="details clearfix">
                                    <div class="user-detail fl">
                                        <div class="avatar dib br50 pr">
                                            <a href="javascript:void(0);" class="dib">
                                                <div class="dib pr">
                                                    <object><a href="javascript:void(0);" class="mark db pa approveBlue"></a></object>
                                                    <img class="br50" src="http://img.yxs.shenyecg.com/Image/h8VE1fiHlWerj0FrkEUSYlLa4m3sppLi/KECAnarYPG.jpg?x-oss-process=image/resize,m_fill,limit_0,w_200,h_200" alt="">
                                                </div>
                                                <span class="nickName toe dib">该作品作者的昵称</span>
                                            </a>
                                        </div>
                                    </div>
                                    <span class="time fr">10分钟前</span>
                                </div>
                            </div>
                        </li>
                        <li class="item re-living transition fl pr">
                            <a class="item-pic transition db pr" href="javascript:void(0);" style="background-image: url('https://cdna.artstation.com/p/assets/images/images/011/719/274/large/borisut-chamnan-spirit-1.jpg?1531062725');">
                                <div class="cover transition pa"></div>
                                <div class="livingTips pa">
                                    <!--正在直播-->
                                    <div class="living tac">
                                        <p class="icon"></p>
                                    </div>
                                </div>
                            </a>
                            <div class="item-msg">
                                <div class="topBox clearfix">
                                    <a href="javascript:void(0);" class="workName feb fl toe"><span class="highlight">这是</span>该作品的名称</a>
                                    <span class="mark fr free">免费</span>
                                </div>
                                <div class="item-classify">
                                    <span class="origin-item">数字2D</span>
                                    <span class="classify-item">UI设计</span>
                                </div>
                                <div class="society">
                                    <p class="scan dib"><span class="icon"></span><span class="num">260</span></p>
                                    <p class="comment dib"><span class="icon"></span><span class="num">35</span></p>
                                    <p class="thumbUp dib"><span class="icon"></span><span class="num">168</span></p>
                                </div>
                                <div class="details clearfix">
                                    <div class="user-detail fl">
                                        <div class="avatar dib br50 pr">
                                            <a href="javascript:void(0);" class="dib">
                                                <div class="dib pr">
                                                    <object><a href="javascript:void(0);" class="mark db pa approveBlue"></a></object>
                                                    <img class="br50" src="http://img.yxs.shenyecg.com/Image/h8VE1fiHlWerj0FrkEUSYlLa4m3sppLi/KECAnarYPG.jpg?x-oss-process=image/resize,m_fill,limit_0,w_200,h_200" alt="">
                                                </div>
                                                <span class="nickName toe dib">该作品作者的昵称</span>
                                            </a>
                                        </div>
                                    </div>
                                    <span class="time fr">10分钟前</span>
                                </div>
                            </div>
                        </li>
                        <li class="item re-living transition fl pr">
                            <a class="item-pic transition db pr" href="javascript:void(0);" style="background-image: url('https://cdnb.artstation.com/p/assets/images/images/011/861/279/large/dani-torres-cisne-0-5x.jpg?1531810747');">
                                <div class="cover transition pa"></div>
                                <div class="livingTips pa">
                                    <!--正在直播-->
                                    <div class="living tac">
                                        <p class="icon"></p>
                                    </div>
                                </div>
                            </a>
                            <div class="item-msg">
                                <div class="topBox clearfix">
                                    <a href="javascript:void(0);" class="workName feb fl toe"><span class="highlight">这是</span>该作品的名称</a>
                                    <span class="mark fr free">免费</span>
                                </div>
                                <div class="item-classify">
                                    <span class="origin-item">数字2D</span>
                                    <span class="classify-item">UI设计</span>
                                </div>
                                <div class="society">
                                    <p class="scan dib"><span class="icon"></span><span class="num">260</span></p>
                                    <p class="comment dib"><span class="icon"></span><span class="num">35</span></p>
                                    <p class="thumbUp dib"><span class="icon"></span><span class="num">168</span></p>
                                </div>
                                <div class="details clearfix">
                                    <div class="user-detail fl">
                                        <div class="avatar dib br50 pr">
                                            <a href="javascript:void(0);" class="dib">
                                                <div class="dib pr">
                                                    <object><a href="javascript:void(0);" class="mark db pa approveGold"></a></object>
                                                    <img class="br50" src="http://img.yxs.shenyecg.com/Image/h8VE1fiHlWerj0FrkEUSYlLa4m3sppLi/KECAnarYPG.jpg?x-oss-process=image/resize,m_fill,limit_0,w_200,h_200" alt="">
                                                </div>
                                                <span class="nickName toe dib">该作品作者的昵称</span>
                                            </a>
                                        </div>
                                    </div>
                                    <span class="time fr">10分钟前</span>
                                </div>
                            </div>
                        </li>
                        <li class="item re-living transition fl pr">
                            <a class="item-pic transition db pr" href="javascript:void(0);" style="background-image: url('https://cdna.artstation.com/p/assets/images/images/011/858/606/large/pop-amp-anne-80s-.jpg?1531795575');">
                                <div class="cover transition pa"></div>
                                <div class="livingTips pa">
                                    <!--正在直播-->
                                    <div class="living tac">
                                        <p class="icon"></p>
                                    </div>
                                </div>
                            </a>
                            <div class="item-msg">
                                <div class="topBox clearfix">
                                    <a href="javascript:void(0);" class="workName feb fl toe"><span class="highlight">这是</span>该作品的名称</a>
                                    <span class="mark fr free">免费</span>
                                </div>
                                <div class="item-classify">
                                    <span class="origin-item">数字2D</span>
                                    <span class="classify-item">UI设计</span>
                                </div>
                                <div class="society">
                                    <p class="scan dib"><span class="icon"></span><span class="num">260</span></p>
                                    <p class="comment dib"><span class="icon"></span><span class="num">35</span></p>
                                    <p class="thumbUp dib"><span class="icon"></span><span class="num">168</span></p>
                                </div>
                                <div class="details clearfix">
                                    <div class="user-detail fl">
                                        <div class="avatar dib br50 pr">
                                            <a href="javascript:void(0);" class="dib">
                                                <div class="dib pr">
                                                    <object><a href="javascript:void(0);" class="mark db pa approveGold"></a></object>
                                                    <img class="br50" src="http://img.yxs.shenyecg.com/Image/h8VE1fiHlWerj0FrkEUSYlLa4m3sppLi/KECAnarYPG.jpg?x-oss-process=image/resize,m_fill,limit_0,w_200,h_200" alt="">
                                                </div>
                                                <span class="nickName toe dib">该作品作者的昵称</span>
                                            </a>
                                        </div>
                                    </div>
                                    <span class="time fr">10分钟前</span>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="SY-text dn">
                    <div class="mainBox clearfix">
                        <p class="fl text">已找到<span>2</span>名作者</p>
                        <div class="fr more pr">
                            <a href="javascript:void(0);" class="classifyIcon">全部<i class="fa fa-angle-down"></i></a>
                            <div class="classify pa border1 br5 dn">
                                <ul>
                                    <li class="item tac active"><a class="db" href="javascript:void(0);">全部</a></li>
                                    <li class="item tac"><a class="db" href="javascript:void(0);">最新上传</a></li>
                                    <li class="item tac"><a class="db" href="javascript:void(0);">付费项目</a></li>
                                    <li class="item tac"><a class="db" href="javascript:void(0);">免费项目</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <ul class="allList br5 clearfix">
                        <li class="item re-text transition fl pr">
                            <a class="item-pic transition db pr" href="javascript:void(0);" style="background-image: url('img/personalCenter/txtBg.png');">
                                <div class="text pa">这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容</div>
                                <div class="cover transition pa"></div>
                            </a>
                            <div class="item-msg">
                                <div class="topBox clearfix">
                                    <a href="javascript:void(0);" class="workName feb fl toe"><span class="highlight">这是</span>该作品的名称</a>
                                    <span class="mark fr pay">付费</span>
                                </div>
                                <div class="item-classify">&nbsp;</div>
                                <div class="society">
                                    <p class="scan dib"><span class="icon"></span><span class="num">260</span></p>
                                    <p class="comment dib"><span class="icon"></span><span class="num">35</span></p>
                                    <p class="thumbUp dib"><span class="icon"></span><span class="num">168</span></p>
                                </div>
                                <div class="details clearfix">
                                    <div class="user-detail fl">
                                        <div class="avatar dib br50 pr">
                                            <a href="javascript:void(0);" class="dib">
                                                <div class="dib pr">
                                                    <object><a href="javascript:void(0);" class="mark db pa approveGold"></a></object>
                                                    <img class="br50" src="http://img.yxs.shenyecg.com/Image/h8VE1fiHlWerj0FrkEUSYlLa4m3sppLi/KECAnarYPG.jpg?x-oss-process=image/resize,m_fill,limit_0,w_200,h_200" alt="">
                                                </div>
                                                <span class="nickName toe dib">该作品作者的昵称</span>
                                            </a>
                                        </div>
                                    </div>
                                    <span class="time fr">10分钟前</span>
                                </div>
                            </div>
                        </li>
                        <li class="item re-text transition fl pr">
                            <a class="item-pic transition db pr" href="javascript:void(0);" style="background-image: url('img/personalCenter/txtBg.png');">
                                <div class="text pa">这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容</div>
                                <div class="cover transition pa"></div>
                            </a>
                            <div class="item-msg">
                                <div class="topBox clearfix">
                                    <a href="javascript:void(0);" class="workName feb fl toe"><span class="highlight">这是</span>该作品的名称</a>
                                    <span class="mark fr pay">付费</span>
                                </div>
                                <div class="item-classify">&nbsp;</div>
                                <div class="society">
                                    <p class="scan dib"><span class="icon"></span><span class="num">260</span></p>
                                    <p class="comment dib"><span class="icon"></span><span class="num">35</span></p>
                                    <p class="thumbUp dib"><span class="icon"></span><span class="num">168</span></p>
                                </div>
                                <div class="details clearfix">
                                    <div class="user-detail fl">
                                        <div class="avatar dib br50 pr">
                                            <a href="javascript:void(0);" class="dib">
                                                <div class="dib pr">
                                                    <object><a href="javascript:void(0);" class="mark db pa approveGold"></a></object>
                                                    <img class="br50" src="http://img.yxs.shenyecg.com/Image/h8VE1fiHlWerj0FrkEUSYlLa4m3sppLi/KECAnarYPG.jpg?x-oss-process=image/resize,m_fill,limit_0,w_200,h_200" alt="">
                                                </div>
                                                <span class="nickName toe dib">该作品作者的昵称</span>
                                            </a>
                                        </div>
                                    </div>
                                    <span class="time fr">10分钟前</span>
                                </div>
                            </div>
                        </li>
                        <li class="item re-text transition fl pr">
                            <a class="item-pic transition db pr" href="javascript:void(0);" style="background-image: url('img/personalCenter/txtBg.png');">
                                <div class="text pa">这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容</div>
                                <div class="cover transition pa"></div>
                            </a>
                            <div class="item-msg">
                                <div class="topBox clearfix">
                                    <a href="javascript:void(0);" class="workName feb fl toe"><span class="highlight">这是</span>该作品的名称</a>
                                    <span class="mark fr pay">付费</span>
                                </div>
                                <div class="item-classify">&nbsp;</div>
                                <div class="society">
                                    <p class="scan dib"><span class="icon"></span><span class="num">260</span></p>
                                    <p class="comment dib"><span class="icon"></span><span class="num">35</span></p>
                                    <p class="thumbUp dib"><span class="icon"></span><span class="num">168</span></p>
                                </div>
                                <div class="details clearfix">
                                    <div class="user-detail fl">
                                        <div class="avatar dib br50 pr">
                                            <a href="javascript:void(0);" class="dib">
                                                <div class="dib pr">
                                                    <object><a href="javascript:void(0);" class="mark db pa approveBlue"></a></object>
                                                    <img class="br50" src="http://img.yxs.shenyecg.com/Image/h8VE1fiHlWerj0FrkEUSYlLa4m3sppLi/KECAnarYPG.jpg?x-oss-process=image/resize,m_fill,limit_0,w_200,h_200" alt="">
                                                </div>
                                                <span class="nickName toe dib">该作品作者的昵称</span>
                                            </a>
                                        </div>
                                    </div>
                                    <span class="time fr">10分钟前</span>
                                </div>
                            </div>
                        </li>
                        <li class="item re-text transition fl pr">
                            <a class="item-pic transition db pr" href="javascript:void(0);" style="background-image: url('img/personalCenter/txtBg.png');">
                                <div class="text pa">这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容</div>
                                <div class="cover transition pa"></div>
                            </a>
                            <div class="item-msg">
                                <div class="topBox clearfix">
                                    <a href="javascript:void(0);" class="workName feb fl toe"><span class="highlight">这是</span>该作品的名称</a>
                                    <span class="mark fr pay">付费</span>
                                </div>
                                <div class="item-classify">&nbsp;</div>
                                <div class="society">
                                    <p class="scan dib"><span class="icon"></span><span class="num">260</span></p>
                                    <p class="comment dib"><span class="icon"></span><span class="num">35</span></p>
                                    <p class="thumbUp dib"><span class="icon"></span><span class="num">168</span></p>
                                </div>
                                <div class="details clearfix">
                                    <div class="user-detail fl">
                                        <div class="avatar dib br50 pr">
                                            <a href="javascript:void(0);" class="dib">
                                                <div class="dib pr">
                                                    <object><a href="javascript:void(0);" class="mark db pa approveGold"></a></object>
                                                    <img class="br50" src="http://img.yxs.shenyecg.com/Image/h8VE1fiHlWerj0FrkEUSYlLa4m3sppLi/KECAnarYPG.jpg?x-oss-process=image/resize,m_fill,limit_0,w_200,h_200" alt="">
                                                </div>
                                                <span class="nickName toe dib">该作品作者的昵称</span>
                                            </a>
                                        </div>
                                    </div>
                                    <span class="time fr">10分钟前</span>
                                </div>
                            </div>
                        </li>
                        <li class="item re-text transition fl pr">
                            <a class="item-pic transition db pr" href="javascript:void(0);" style="background-image: url('img/personalCenter/txtBg.png');">
                                <div class="text pa">这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容这是该文本的缩略内容</div>
                                <div class="cover transition pa"></div>
                            </a>
                            <div class="item-msg">
                                <div class="topBox clearfix">
                                    <a href="javascript:void(0);" class="workName feb fl toe"><span class="highlight">这是</span>该作品的名称</a>
                                    <span class="mark fr pay">付费</span>
                                </div>
                                <div class="item-classify">&nbsp;</div>
                                <div class="society">
                                    <p class="scan dib"><span class="icon"></span><span class="num">260</span></p>
                                    <p class="comment dib"><span class="icon"></span><span class="num">35</span></p>
                                    <p class="thumbUp dib"><span class="icon"></span><span class="num">168</span></p>
                                </div>
                                <div class="details clearfix">
                                    <div class="user-detail fl">
                                        <div class="avatar dib br50 pr">
                                            <a href="javascript:void(0);" class="dib">
                                                <div class="dib pr">
                                                    <object><a href="javascript:void(0);" class="mark db pa approveGold"></a></object>
                                                    <img class="br50" src="http://img.yxs.shenyecg.com/Image/h8VE1fiHlWerj0FrkEUSYlLa4m3sppLi/KECAnarYPG.jpg?x-oss-process=image/resize,m_fill,limit_0,w_200,h_200" alt="">
                                                </div>
                                                <span class="nickName toe dib">该作品作者的昵称</span>
                                            </a>
                                        </div>
                                    </div>
                                    <span class="time fr">10分钟前</span>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="backToTop pa">
                <a class="db tac transition" href="javascript:void(0);"><i class="fa fa-chevron-up"></i></a>
            </div>
        </div>
    </div>
</div>
<!--主内容 结束-->
<!--页脚 开始-->
<div class="SY-footer">
    <div class="SY-foot clearfix">
        <div class="aboutUs fl">
            <div class="logoBox">
                <img src="img/icons/bottomLogo.png" alt="">
                <p class="dib slogin">深夜研习社</p>
                <span class="line dib"></span>
                <p class="dib text">知识应该受到尊重</p>
            </div>
            <div class="connectUs">
                <p class="text dib">联系我们:<span class="phoneNumer dib">027-62438159</span></p>
                <a href="javascript:void(0);" class="tencent linkIcon"></a>
            </div>
        </div>
        <div class="msgDetail fr clearfix">
            <ul class="iconList fr">
                <li class="pr">
                    <span class="wechat linkIcon"></span>
                    <div class="weChatCode tac pa">
                        <i class="icon-arrow-down pa"></i>
                        <p class="scan">扫描二维码</p>
                        <p class="text">关注微信公众号</p>
                        <img src="img/icons/WeChatCode.jpg" alt="">
                    </div>
                </li>
                <li><a href="javascript:void(0);" class="sina linkIcon"></a></li>
            </ul>
            <dl class="fr">
                <dt><a href="HelpCenter.html">关于我们</a></dt>
            </dl>
            <dl class="fr">
                <dt><a href="HelpCenter.html">服务条款</a></dt>
            </dl>
            <dl class="fr">
                <dt><a href="HelpCenter.html">版权申明</a></dt>
            </dl>
            <dl class="fr">
                <dt><a href="HelpCenter.html">常见问题</a></dt>
            </dl>
            <p class="recordNumber"><a href="javascript:void(0);">Copyright&copy; www.shenyecg.com 2017 | 鄂ICP备16021987号-1</a></p>
        </div>
    </div>
</div>
<!--页脚 结束-->
<script src="js/jquery.min.js"></script>
<script src="js/search.js"></script>
<script>
    $(function () {
        //导航点击切换
        $(".SY-nav .item").click(function () {
           var this_index = $(this).index();
           $(this).addClass("active").siblings().removeClass("active");
           $(".item").eq(this_index).addClass("active").siblings().removeClass("active");
           $(".content > div").eq(this_index).removeClass("dn").siblings().addClass("dn");
        });

        //关注按钮点击事件
        var followBtn = $(".content .follow").click(function () {
            $(this).toggleClass("active");
            $(this).hasClass("active") ? $(this).html("<i class='fa fa-check'></i>已关注") : $(this).html("<i class='fa fa-plus'></i>关注");
        });
        //分类选项显示与隐藏
        $(".mainBox .classifyIcon").click(function () {
            $(this).next().slideToggle();
        });

        //页面滚动，导航固定 && 一键返回
        window.onscroll = function () {
            //一键返回
            var btn = document.querySelector(".backToTop a");
            var bodyScrollHeight = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
            if (bodyScrollHeight >= 350) {
                btn.style.visibility = "visible";
                btn.style.position = "fixed";
                btn.style.bottom = "200px";
                btn.style.top = "auto";
                btn.style.transition = "all .5s";
            }else {
                btn.style.visibility = "hidden";
                btn.style.transition = "all .5s";
            }

            btn.onclick = function () {
                var pos = bodyScrollHeight;
                var speed = bodyScrollHeight / 50;

                var timer = setInterval(function () {
                    pos -= speed;
                    if (document.body.scrollTop) {
                        document.body.scrollTop = pos;
                    } else {
                        document.documentElement.scrollTop = pos;
                    }
                    if (pos <= 0) {
                        clearInterval(timer)
                    }
                }, 1);
            };
        };
        window.onscroll();

    })
</script>
</body>
</html>